js中比较两个对象是否相同的方法示例


Posted in Javascript onSeptember 02, 2019

本文实例讲述了js中比较两个对象是否相同的方法。分享给大家供大家参考,具体如下:

js中,很轻易就可以比较2个普通字符串/数字是否相同,但是,如何比较2个对象是否相同呢?

在此我便给出较为简单的方法,如下:

//比较2个对象是否相同
function isObjEqual(o1,o2){
  var props1 = Object.getOwnPropertyNames(o1);
  var props2 = Object.getOwnPropertyNames(o2);
  if (props1.length != props2.length) {
    return false;
  }
  for (var i = 0,max = props1.length; i < max; i++) {
    var propName = props1[i];
    if (o1[propName] !== o2[propName]) {
      return false;
    }
  }
  return true;
}
var obj1 = {id:1,name:"张三"}
var obj2 = {id:2,name:"李四"}
var obj3 = {id:1,name:"张三",age:25}
var obj4 = {id:1,name:"张三"}
console.log(isObjEqual(obj1,obj2));//false
console.log(isObjEqual(obj1,obj3));//false
console.log(isObjEqual(obj1,obj4));//true

运行结果:

js中比较两个对象是否相同的方法示例

扩展写法:

Object.prototype.vequal = function(obj){
  var props1 = Object.getOwnPropertyNames(this);
  var props2 = Object.getOwnPropertyNames(obj);
  if (props1.length != props2.length) {
    return false;
  }
  for (var i = 0,max = props1.length; i < max; i++) {
    var propName = props1[i];
    if (this[propName] !== obj[propName]) {
      return false;
    }
  }
  return true;
}
var obj1 = {id:1,name:"张三"}
var obj2 = {id:2,name:"李四"}
var obj3 = {id:1,name:"张三",age:25}
var obj4 = {id:1,name:"张三"}
console.log(obj1.equal(obj2));//false
console.log(obj1.equal(obj3));//false
console.log(obj1.equal(obj4));//true

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 Javascript
php上传图片并给图片打上透明水印的代码
Jun 07 Javascript
JavaScript 原型继承
Dec 26 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
Jun 26 Javascript
jQuery实现购物车多物品数量的加减+总价计算
Jun 06 Javascript
js+html5实现canvas绘制简单矩形的方法
Jun 05 Javascript
深入理解JS实现快速排序和去重
Oct 17 Javascript
ionic实现下拉刷新载入数据功能
May 11 Javascript
JS实现的冒泡排序,快速排序,插入排序算法示例
Mar 02 Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
Nov 07 Javascript
原生js+css调节音量滑块
Jan 15 Javascript
JavaScript监听键盘事件代码实现
Jun 03 Javascript
浅谈vue限制文本框输入数字的正确姿势
Sep 02 #Javascript
Layui 带多选框表格监听事件以及按钮自动点击写法实例
Sep 02 #Javascript
layer父页获取弹出层输入框里面的值方法
Sep 02 #Javascript
详解element-ui表格中勾选checkbox,高亮当前行
Sep 02 #Javascript
详解基于Vue的支持数据双向绑定的select组件
Sep 02 #Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
Sep 02 #Javascript
Vue内部渲染视图的方法
Sep 02 #Javascript
You might like
在php中取得image按钮传递的name值
2006/10/09 PHP
小文件php+SQLite存储方案
2010/09/04 PHP
php实现的发送带附件邮件类实例
2014/09/22 PHP
3款值得推荐的微信开发开源框架
2014/10/28 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
非常好用的JsonToString 方法 简单实例
2013/07/18 Javascript
JavaScript中判断对象类型的几种方法总结
2013/11/11 Javascript
js charAt的使用示例
2014/02/18 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
使用jquery获取url及url参数的简单实例
2016/06/14 Javascript
jQuery实现弹出窗口弹出div层的实例代码
2017/01/09 Javascript
vue 添加vux的代码讲解
2017/11/30 Javascript
NW.js 简介与使用方法
2018/02/01 Javascript
vue实现鼠标移入移出事件代码实例
2019/03/27 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
2019/09/07 Javascript
vue+element树组件 实现树懒加载的过程详解
2019/10/21 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
2020/02/14 Javascript
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
python 搜索大文件的实例代码
2019/07/08 Python
python中time库的实例使用方法
2019/10/31 Python
Django分组聚合查询实例分享
2020/04/29 Python
浅析python 字典嵌套
2020/09/29 Python
Pytorch如何切换 cpu和gpu的使用详解
2021/03/01 Python
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
英国最大的奢侈珠宝和手表网站:C W Sellors
2017/02/10 全球购物
泰国网上购物:Shopee泰国
2018/09/14 全球购物
Beauty Expert美国/加拿大:购买奢侈美容产品
2018/12/05 全球购物
医学专业毕业生个人求职信
2013/12/25 职场文书
幼儿园见习报告范文
2014/10/30 职场文书
个人工作总结怎么写?
2019/04/09 职场文书
pytorch 如何使用batch训练lstm网络
2021/05/28 Python
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js
Python使用pandas导入csv文件内容的示例代码
2022/12/24 Python