首页
所有分类
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 相关文章推荐
js限制文本框只能输入数字(正则表达式)
Jul 15 Javascript
基于socket.io和node.js搭建即时通信系统
Jul 30 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
Mar 30 Javascript
jQuery实现鼠标单击网页文字后在文本框显示的方法
May 06 Javascript
jquery自定义插件开发之window的实现过程
May 06 Javascript
jQuery实现的可编辑表格完整实例
Jun 20 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 Javascript
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
Jan 19 Javascript
angular.extend方法的具体使用
Sep 14 Javascript
Vue无限滑动周选择日期的组件的示例代码
Jul 18 Javascript
vue实现滑动超出指定距离回顶部功能
Jul 31 Javascript
详解利用eventemitter2实现Vue组件通信
Nov 04 Javascript
新手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
日本购物网站(72) 瑞士购物网站(28) 新加坡购物网站(41) 巴西购物网站(71) 西班牙购物网站(115) 德国购物网站(227) 加拿大购物网站(185) 英国购物网站(954) 中国购物网站(172) 韩国购物网站(27)
You might like
php 防止单引号,双引号在接受页面转义
2008/07/10 PHP
php中判断字符串是否全是中文或含有中文的实现代码
2011/09/16 PHP
php中cookie的使用方法
2014/03/29 PHP
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
jquery ui dialog ie8出现滚动条的解决方法
2010/12/06 Javascript
jquery按回车提交数据的代码示例
2013/11/05 Javascript
jQuery实现Twitter的自动文字补齐特效
2014/11/28 Javascript
js实现多选项切换导航菜单的方法
2015/02/06 Javascript
JavaScript操作DOM元素的childNodes和children区别
2015/04/01 Javascript
javascript实现网页字符定位的方法
2015/07/14 Javascript
jQuery过滤HTML标签并高亮显示关键字的方法
2015/08/07 Javascript
深入浅析Extjs中store分组功能的使用方法
2016/04/20 Javascript
Bootstrap组件(一)之菜单
2016/05/11 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
2016/09/17 Javascript
js前端解决跨域问题的8种方案（最新最全）
2016/11/18 Javascript
前端js弹出框组件使用方法
2020/08/24 Javascript
jQuery实现验证码功能
2017/03/17 Javascript
Vue之Watcher源码解析（2）
2017/07/19 Javascript
vue获取当前点击的元素并传值的实例
2018/03/09 Javascript
layui使用数据表格实现购物车功能
2019/07/26 Javascript
安装多版本Vue-CLI的实现方法
2020/03/24 Javascript
Python操作列表之List.insert()方法的使用
2015/05/20 Python
python基于urllib实现按照百度音乐分类下载mp3的方法
2015/05/25 Python
python常用函数详解
2016/09/13 Python
django框架中ajax的使用及避开CSRF 验证的方式详解
2019/12/11 Python
Python3实现打印任意宽度的菱形代码
2020/04/12 Python
HTML5中微数据概述及在搜索引擎中的使用举例
2013/02/07 HTML / CSS
Schutz鞋官方网站：Schutz Shoes
2017/12/13 全球购物
英国钻石公司：British Diamond Company
2020/02/16 全球购物
用JAVA SOCKET编程，读服务器几个字符，再写入本地显示
2012/11/25 面试题
一家外企的面试题目(C/C++面试题,C语言面试题)
2014/03/24 面试题
C/C++ 笔试、面试题目大汇总
2015/11/21 面试题
幼儿园中秋节活动方案2013
2014/01/29 职场文书
公司中层干部的自我评价分享
2014/03/01 职场文书
公司给客户的感谢信
2015/01/23 职场文书
nginx实现多geoserver服务的负载均衡
2022/05/15 Servers