首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

Mongoose中document与object的区别示例详解

Posted in Javascript onSeptember 18, 2017

前言

本文主要给大家总结介绍了关于Mongoose中document与object区别的相关内容，分享出来供大家参考学习，其实这个问题其实是mongoose非常常见的问题，经常有很多以前没遇到这个问题的人都会被这个问题弄得怀疑人生。

我们先介绍一些问题的背景。

先看下面一段代码：

router.get('/', function(req, res, next) {
 // res.render('index', { title: 'Express' });
 const model = mongoose.model('realestate');
 const queryCretia = {};
 model.find(queryCretia, (err, docs) => {
 res.render('index', {
 title: 'express',
 docs: docs
 })
 })
});
<!DOCTYPE html>
<html>
 <head>
 <title><%= title %></title>
 <link rel='stylesheet' href='/stylesheets/style.css' />
 </head>
 <body>
 <h1><%= title %></h1>
 <p>Welcome to <%= title %></p>
 <!-- <%= docs %> -->
 <ul>
 <% docs.forEach(function(doc){ %>
 <li><%= doc.type %></li>
 <% }) %>
 </ul>
 </body>
</html>

在第一段代码中，通过model.find我们应该能够获取到根据queryCriteria获取的结果，结果应该是一个对象数组，类似于这样：

[{
 "_id" : ObjectId("59bdeadb2a5c612514ee7970"),
 "title" : "好楼层，中等装修，满5年，上门实拍",
 "type" : "2室1厅",
 "square" : "75.42平",
 "direction" : "朝南",
 "floor" : "中区/6层",
 "unitPrice" : 47732,
 "totalPrice" : 360,
 "location" : null,
 "specialExplain" : "满五",
 "url" : "http://sh.lianjia.com//ershoufang/sh4528035.html",
 "station" : "江杨北路",
 "line" : "3号线",
 "updateTime" : "2017-09-17 11:24:11"
}
{
 "_id" : ObjectId("59bdeadb2a5c612514ee7971"),
 "title" : "南北户型，厨卫全明，高区采光好，装修精美",
 "type" : "2室2厅",
 "square" : "90.92平",
 "direction" : "朝南北",
 "floor" : "高区/6层",
 "unitPrice" : 46194,
 "totalPrice" : 420,
 "location" : null,
 "specialExplain" : "满五",
 "url" : "http://sh.lianjia.com//ershoufang/sh4546221.html",
 "station" : "江杨北路",
 "line" : "3号线",
 "updateTime" : "2017-09-17 11:24:11"
}]

预期index.ejs应该渲染的页面是一个ul渲染的结果，类似于

  • 2室1厅
  • 2室2厅

当然，理想很丰满，现实很骨感。我就是死活渲染不出来doc.type。照理说应该是不可能的，在index.ejs中doc就是一个对象，我为什么不能获取doc的type属性呢？这不合理，太不合理了！

老实说，这个问题我之间也是遇到过，当初我是想修改这个doc的属性，但是死活没有办法修改，当初也是花了很久找到原因。这次我就把这个问题好好地研究一下。

先说结果，以及解决方法把。我比较喜欢剧透。愿意是因为再次返回的doc是属于Document的实例，而不是一个普通的对象。也就是说它和普通的对象是不一样的，它没有普通对象的一些方法，普通对象也没有它身上的一些方法。

解决方案有几种，不过究其根本都是将这种document转化为普通的对象：

方法1：

利用toObject方法

docs.forEach(doc => {
 return doc.toObject();
})

方法2：

利用JSON方法，这是我想到的一个方法，具体深层原因在这就不展开了：

docs = JSON.stringify(docs);
docs = JSON.parse(docs);

方法3:

利用lean方法：

model.find().lean().exec((err, docs) => {
....
})

上述的三种方法应该都能成功将find获取的结果转化为普通的对象。

但是我还想知道到底document和一个普通的对象到底有什么区别，区别在哪里呢？

我们假设find获取的结果是docs，转化为普通对象的结果是docs1。现在我们就看一看这二者的区别。理论上docs和docs1都应该是数组，而它们中元素都应该是一个对象，我们先来看看是不是这样呢？

console.log(Object.prototype.toString.call(docs));
consoele.log(Object.prototype.toString.call(docs[0]));

console.log(Object.prototype.toString.call(docs1));
console.log(Object.prototype.toString.call(docs1[0]))

我们通过上述方法可以获取docs以及docs1的类型以及其中元素的类型，结果是：

[object Array]
[object Object]

[object Array]
[object Object]

和我们预想中的一模一样，那问题不在这，那我们就探究探究docs[0]以及docs1[0]的原型把，看看它的原型到底是什么呢？知道JS的人，应该都知道JS中的原型链。在此，我们就通过__proto__来粗暴地获取对象的原型：

console.dir(doc[0].__proto__);

console.dir(docs[0].__proto__);

结果是：

model {
 db:
 NativeConnection {
  base:
  Mongoose {
  connections: [Array],
  models: [Object],
  modelSchemas: [Object],
  options: [Object],
  plugins: [Array] },
  collections: { realestates: [Object] },
  models: { realestate: [Object] },
  config: { autoIndex: true },
  replica: false,
  hosts: null,
  host: '127.0.0.1',
  port: 27017,
  user: undefined,
  pass: undefined,
  name: 'real_estate_info',
  options:
  { db: [Object],
  auth: {},
  server: [Object],
  replset: [Object],
  mongos: undefined },
  otherDbs: [],
  _readyState: 1,
  _closeCalled: false,
  _hasOpened: true,
  _listening: false,
  db:
  Db {
  domain: null,
  _events: [Object],
  _eventsCount: 6,
  _maxListeners: undefined,
  s: [Object],
  serverConfig: [Getter],
  bufferMaxEntries: [Getter],
  databaseName: [Getter],
  _listening: true },
  _events:
  { connected: [Function],
  error: [Function: bound bound consoleCall],
  disconnected: [Function: bound bound consoleCall],
  reconnected: [Function: bound bound consoleCall] },
  _eventsCount: 4 },
 discriminators: undefined,
 id: [Getter/Setter],
 __v: [Getter/Setter],
 _id: [Getter/Setter],
 schema:
 Schema {
  obj: undefined,
  paths: { _id: [Object], __v: [Object] },
  aliases: {},
  subpaths: {},
  virtuals: { id: [Object] },
  singleNestedPaths: {},
  nested: {},
  inherits: {},
  callQueue: [ [Array], [Array], [Array], [Array], [Array], [Array] ],
  _indexes: [],
  methods: {},
  statics: {},
  tree: { _id: [Object], __v: [Function: Number], id: [Object] },
  query: {},
  childSchemas: [],
  plugins: [ [Object], [Object], [Object], [Object] ],
  s: { hooks: [Object], kareemHooks: [Object] },
  options:
  { retainKeyOrder: false,
  typeKey: 'type',
  id: true,
  noVirtualId: false,
  _id: true,
  noId: false,
  validateBeforeSave: true,
  read: null,
  shardKey: null,
  autoIndex: null,
  minimize: true,
  discriminatorKey: '__t',
  versionKey: '__v',
  capped: false,
  bufferCommands: true,
  strict: true,
  pluralization: true },
  '$globalPluginsApplied': true,
  _requiredpaths: [] },
 collection:
 NativeCollection {
  collection: Collection { s: [Object] },
  opts: { bufferCommands: true, capped: false },
  name: 'realestates',
  collectionName: 'realestates',
  conn:
  NativeConnection {
  base: [Object],
  collections: [Object],
  models: [Object],
  config: [Object],
  replica: false,
  hosts: null,
  host: '127.0.0.1',
  port: 27017,
  user: undefined,
  pass: undefined,
  name: 'real_estate_info',
  options: [Object],
  otherDbs: [],
  _readyState: 1,
  _closeCalled: false,
  _hasOpened: true,
  _listening: false,
  db: [Object],
  _events: [Object],
  _eventsCount: 4 },
  queue: [],
  buffer: false,
  emitter:
  EventEmitter {
  domain: null,
  _events: {},
  _eventsCount: 0,
  _maxListeners: undefined } },
 '$__original_save': { [Function] numAsyncPres: 0 },
 save: { [Function: wrappedPointCut] '$originalFunction': '$__original_save', '$isWrapped': true },
 _pres:
 { '$__original_save': [ [Object], [Object], [Object] ],
  '$__original_remove': [ [Object] ] },
 _posts: { '$__original_save': [], '$__original_remove': [] },
 '$__original_remove': { [Function] numAsyncPres: 1 },
 remove:
 { [Function: wrappedPointCut]
  '$originalFunction': '$__original_remove',
  '$isWrapped': true },
 '$__original_validate': [Function],
 validate:
 { [Function: wrappedPointCut]
  '$originalFunction': '$__original_validate',
  '$isWrapped': true } }

以及

{}

很显然，问题就是在这里，docs[0]和docs[0]的原型并不是一个东西。而js中对象通过.或者是[]访问属性都是调用了Object中的某个方法，但具体什么方法我不太记得。然而docs中的原型或者其原型的原型也是没有这个方法的，因此他就没办法去访问这个属性。

其实docs[0].__proto__.__proto__是Model,docs[0].__proto__.__proto__.__proto__是Document,docs[0].__proto__.__proto__.__proto__.__proto__才是{}。

至此，这个问题引起的一系列的探究也是告一段落了。其实Mongoose还有另外一些奇怪的地方，被人所诟病，在此也不一一细数了。从问题的发现，到写这篇文章大概花了大半天的时间，以前遇到问题就找到解决办法就停止了，但是这一次通过这样深入地去发现，可能就会发掘到更多的东西。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对三水点靠木的支持。

Mongoose中document与object的区别示例详解

- Author -

neal

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
一些老手都不一定知道的JavaScript技巧
May 06 Javascript
jquery衣服颜色选取插件效果代码分享
Aug 28 Javascript
bootstrap多种样式进度条展示
Dec 20 Javascript
jQuery实现简单弹窗遮罩效果
Feb 27 Javascript
bootstrap精简教程_动力节点Java学院整理
Jul 14 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
Dec 12 Javascript
vue中,在本地缓存中读写数据的方法
Sep 21 Javascript
详解vue 2.6 中 slot 的新用法
Jul 09 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
Sep 09 Javascript
layui 阻止图片上传的实例(before方法)
Sep 26 Javascript
Openlayers测量距离与面积的实现方法
Sep 25 Javascript
jQuery插件实现图片轮播效果
Oct 19 jQuery
新手vue构建单页面应用实例代码
Sep 18 #Javascript
angularjs路由传值$routeParams详解
Sep 05 #Javascript
vue-ajax小封装实例
Sep 18 #Javascript
信息滚动效果的实例讲解
Sep 18 #Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
Sep 18 #Javascript
angularjs实现猜数字大小功能
May 20 #Javascript
angular指令笔记ng-options的使用方法
Sep 18 #Javascript
PL550(1) 低放电路(1) ICF-SW7600(1) PL990(2) S700(1) 乐信(1) BCL3000(2) H-501(1) PL450(1) ICF-SW07(1)
You might like
收听困难？教您超简便短波广播抗干扰方法！
2021/03/01 无线电
微信小程序 消息推送php服务器验证实例详解
2017/03/30 PHP
跨浏览器开发经验总结（四） 怎么写入剪贴板
2010/05/13 Javascript
jQuery获取浏览器中的分辨率实现代码
2013/04/23 Javascript
jquery click([data],fn)使用方法实例介绍
2013/07/08 Javascript
javascript使用isNaN()函数判断变量是否为数字
2013/09/21 Javascript
javascript数组快速打乱重排的方法
2014/01/02 Javascript
判断在css加载完毕后执行后续代码示例
2014/09/03 Javascript
使用window.prompt()实现弹出用户输入的对话框
2015/04/13 Javascript
网页中JS函数自动执行常用三种方法
2016/03/30 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
2016/07/12 Javascript
js实现数组和对象的深浅拷贝
2017/09/30 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
2018/10/08 Javascript
JS原生带缩略图的图片切换效果
2018/10/10 Javascript
jQuery判断自定义属性data-val用法示例
2019/01/07 jQuery
JS利用prototype给类添加方法操作详解
2019/06/21 Javascript
利用JavaScript的Map提升性能的方法详解
2019/08/14 Javascript
Python使用PyGreSQL操作PostgreSQL数据库教程
2014/07/30 Python
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
用Python进行一些简单的自然语言处理的教程
2015/03/31 Python
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
进一步探究Python的装饰器的运用
2015/05/05 Python
使用Python实现BT种子和磁力链接的相互转换
2015/11/09 Python
使用Python下载歌词并嵌入歌曲文件中的实现代码
2015/11/13 Python
Python输入二维数组方法
2018/04/13 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
Python for循环及基础用法详解
2019/11/08 Python
如何用 Python 制作一个迷宫游戏
2021/02/25 Python
英国网上花店：Bunches
2016/11/29 全球购物
HR喜欢的自荐信格式
2013/10/08 职场文书
早餐连锁店计划书
2014/01/08 职场文书
教师教学评估方案
2014/05/09 职场文书
事业单位考核材料
2014/05/21 职场文书
PHP遍历数组的6种方式总结
2021/11/17 PHP
python数据可视化JupyterLab实用扩展程序Mito
2021/11/20 Python
公历12个月名称的由来
2022/04/12 杂记