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 相关文章推荐
使用jQuery轻松实现Ajax的实例代码
Aug 16 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
Node.js实现数据推送
Apr 14 Javascript
详解Javascript中prototype属性(推荐)
Sep 03 Javascript
JS去除重复并统计数量的实现方法
Dec 15 Javascript
jQuery实现select模糊查询(反射机制)
Jan 14 Javascript
Node.js 8 中的 util.promisify的详解
Jun 12 Javascript
Vue.js移动端左滑删除组件的实现代码
Sep 08 Javascript
webpack学习教程之前端性能优化总结
Dec 05 Javascript
基于Vue实现拖拽功能
Jul 29 Javascript
修改npm全局安装模式的路径方法
May 15 Javascript
了解JavaScript中let语句
May 30 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 水平的题目
2007/05/30 PHP
php多用户读写文件冲突的解决办法
2013/11/06 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
php事务处理实例详解
2014/07/11 PHP
PHP curl 或 file_get_contents 获取需要授权页面的方法
2017/05/05 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
laravel实现上传图片,并且制作缩略图,按照日期存放的代码
2019/10/16 PHP
比较全的JS checkbox全选、取消全选、删除功能代码
2008/12/19 Javascript
DWR Ext 加载数据
2009/03/22 Javascript
javascript 继承实现方法
2009/08/26 Javascript
更优雅的事件触发兼容
2011/10/24 Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
2013/05/03 Javascript
基于Bootstrap+jQuery.validate实现表单验证
2016/05/30 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
node.js连接MongoDB数据库的2种方法教程
2017/05/17 Javascript
优化Vue项目编译文件大小的方法步骤
2019/05/27 Javascript
详解vue-video-player使用心得(兼容m3u8)
2019/08/23 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
2019/10/08 Javascript
在vue中把含有html标签转为html渲染页面的实例
2019/10/28 Javascript
python记录程序运行时间的三种方法
2017/07/14 Python
基于python批量处理dat文件及科学计算方法详解
2018/05/08 Python
利用Python写一个爬妹子的爬虫
2018/06/08 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
python-web根据元素属性进行定位的方法
2019/12/13 Python
Python函数式编程实例详解
2020/01/17 Python
在django中使用apscheduler 执行计划任务的实现方法
2020/02/11 Python
Python学习之路之pycharm的第一个项目搭建过程
2020/06/18 Python
澳大利亚免息网上购物:Shop Zero
2016/09/17 全球购物
For Art’s Sake官网:手工制作的奢华眼镜
2018/12/15 全球购物
2014信息技术专业毕业生自我评价
2014/01/17 职场文书
人力资源管理专业自荐书范文
2014/02/10 职场文书
数控技校生自我鉴定
2014/03/02 职场文书
朋友离别感言
2015/08/04 职场文书
餐饮行业关注的9大营销策略
2019/08/26 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
python实现股票历史数据可视化分析案例
2021/06/10 Python