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 相关文章推荐
form表单中去掉默认的enter键提交并绑定js方法实现代码
Apr 01 Javascript
jquery实现智能感知连接外网搜索
May 21 Javascript
Python脚本后台运行的几种方式
Mar 09 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
JS中静态页面实现微信分享功能
Feb 06 Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
Feb 21 Javascript
VSCode配置react开发环境的步骤
Dec 27 Javascript
vue根据值给予不同class的实例
Sep 29 Javascript
利用原生的JavaScript实现简单拼图游戏
Nov 18 Javascript
详解50行代码,Node爬虫练手项目
Apr 22 Javascript
原生javascript中this几种常见用法总结
Feb 24 Javascript
JavaScript中的几种继承方法示例
Dec 06 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
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
PHP网页安全认证的实例详解
2017/09/28 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
php5.5使用PHPMailer-5.2发送邮件的完整步骤
2018/10/14 PHP
Javascript 代码也可以变得优美的实现方法
2009/06/22 Javascript
js中格式化日期时间型数据函数代码
2010/11/08 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
Nodejs中自定义事件实例
2014/06/20 NodeJs
javascript实现的一个随机点名功能
2014/08/26 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
2015/12/03 Javascript
JavaScript手机振动API
2016/06/11 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
2016/12/08 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
2016/12/11 Javascript
基于canvas的二维码邀请函生成插件
2017/02/14 Javascript
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
Angular浏览器插件Batarang介绍及使用
2018/02/07 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
2019/05/28 jQuery
详解vuex数据传输的两种方式及this.$store undefined的解决办法
2019/08/26 Javascript
layui多iframe页面控制定时器运行的方法
2019/09/05 Javascript
webpack打包html里面img后src为“[object Module]”问题
2019/12/22 Javascript
vue 动态创建组件的两种方法
2020/12/31 Vue.js
打印出python 当前全局变量和入口参数的所有属性
2009/07/01 Python
Anaconda多环境多版本python配置操作方法
2017/09/12 Python
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
Python生成指定数量的优惠码实操内容
2019/06/18 Python
Python如何筛选序列中的元素的方法实现
2019/07/15 Python
Python基于yaml文件配置logging日志过程解析
2020/06/23 Python
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
Smilodox官方运动服装店:从运动服到健身配件
2020/08/27 全球购物
电气工程自动化求职信
2014/03/14 职场文书
十佳文明家庭事迹
2014/05/25 职场文书
政工师工作总结2015
2015/05/26 职场文书
保险公司2016开门红口号集锦
2015/12/24 职场文书