JS判断两个对象内容是否相等的方法示例

更新时间：2017年04月10日 10:56:33 作者：布瑞泽的童话

这篇文章主要介绍了JS判断两个对象内容是否相等的方法,结合具体实例形式分析了javascript针对字符串、数组及对象的相关判断技巧,需要的朋友可以参考下

本文实例讲述了JS判断两个对象内容是否相等的方法。分享给大家供大家参考，具体如下：

我们知道，如果两个对象即使内容，JavaScript也会判断它们不相等。但是有时候，我们仅仅需要判断两个对象的内容是否相等。那么我们应该如何做到且考虑周全呢？比如说0和-0，null和undefined，是不相等的，NaN和NaN默认是不相等的。我写了一个isEqual方法，考虑到了诸多方面，代码如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
  </body>
<script type="text/javascript">
//isEqual：判断两个对象是否键值对应相等
function isEqual(a,b){
  //如果a和b本来就全等
  if(a===b){
    //判断是否为0和-0
    return a !== 0 || 1/a ===1/b;
  }
  //判断是否为null和undefined
  if(a==null||b==null){
    return a===b;
  }
  //接下来判断a和b的数据类型
  var classNameA=toString.call(a),
    classNameB=toString.call(b);
  //如果数据类型不相等，则返回false
  if(classNameA !== classNameB){
    return false;
  }
  //如果数据类型相等，再根据不同数据类型分别判断
  switch(classNameA){
    case '[object RegExp]':
    case '[object String]':
    //进行字符串转换比较
    return '' + a ==='' + b;
    case '[object Number]':
    //进行数字转换比较,判断是否为NaN
    if(+a !== +a){
      return +b !== +b;
    }
    //判断是否为0或-0
    return +a === 0?1/ +a === 1/b : +a === +b;
    case '[object Date]':
    case '[object Boolean]':
    return +a === +b;
  }
  //如果是对象类型
  if(classNameA == '[object Object]'){
    //获取a和b的属性长度
    var propsA = Object.getOwnPropertyNames(a),
      propsB = Object.getOwnPropertyNames(b);
    if(propsA.length != propsB.length){
      return false;
    }
    for(var i=0;i<propsA.length;i++){
      var propName=propsA[i];
      //如果对应属性对应值不相等，则返回false
      if(a[propName] !== b[propName]){
        return false;
      }
    }
    return true;
  }
  //如果是数组类型
  if(classNameA == '[object Array]'){
    if(a.toString() == b.toString()){
      return true;
    }
    return false;
  }
}
//test
var obj1={name:"liu",age:22};
var obj2={name:"liu",age:22};
var obj3={name:"liu",age:33};
var state1=isEqual(obj1,obj2);
var state2=isEqual(obj1,obj3);
console.log(state1);//true
console.log(state2);//false
var state3=isEqual(null,undefined);
console.log(state3);//false
var state4=isEqual(NaN,NaN);
console.log(state4);//true
var arr1=[1,2,3];
var arr2=[1,2,3];
var arr3=[1,23];
var state5=isEqual(arr1,arr2);
console.log(state5);//true
var state6=isEqual(arr1,arr3);
console.log(state6);//false
</script>
</html>

运行效果图如下：

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

您可能感兴趣的文章:

EL表达式截取字符串的函数说明
这篇文章主要介绍了EL表达式截取字符串的函数说明，在文章下面给大家介绍了JSTL中自带的方法列表以及其描述，需要的朋友参考下吧
2017-09-09
text-align:justify实现文本两端对齐兼容IE
对于text-align 我们再熟悉不过了，可是它有个justify属性，平时很少用到，就鲜为人知了。justify是一种文本靠两边布局方式，一般应用于书刊杂志排版；合理运用text-align:justify 有时会省去很多开发的时间，通过本文介绍text-align:justify实现文本两端对齐兼容IE
2015-08-08
详解JavaScript对象的深浅复制
从层次上来看，对象的复制可以简单地分为浅复制和深复制，顾名思义，浅复制是指只复制一层对象的属性，不会复制对象中的对象的属性，对象的深复制会复制对象中层层嵌套的对象的属性。本文是我在复制对象方面的一些心得总结，由浅复制到深复制，感兴趣的朋友一起学习吧
2017-03-03
ECMAScript 6即将带给我们新的数组操作方法前瞻
这篇文章主要介绍了ECMAScript 6即将带给我们新的数组操作方法前瞻,需要的朋友可以参考下
2015-01-01
javascript内置对象Date案例总结分析
今天总结javascript内置对象Date的使用，并且写一个重要的网页倒计时的核心算法案例，有需要的朋友可以借鉴参考下希望能够有所帮助，祝大家多多进步
2022-03-03
javascript匀速运动实现方法分析
这篇文章主要介绍了javascript匀速运动实现方法,结合实例形式分析了JavaScript匀速运动的具体实现步骤与相关注意事项,需要的朋友可以参考下
2016-01-01
JS+CSS实现下拉刷新/上拉加载插件
这篇文章主要介绍了JS+CSS实现下拉刷新/上拉加载插件,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-03-03
JS实现数组扁平化的8种方式总结
数组扁平化指的是将一个多层嵌套的数组，处理成只有一层的数组，本文为大家整理了8个常用的JS实现数组扁平化的方法，希望对大家有所帮助
2023-08-08
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
这篇文章主要介绍了最简单纯JavaScript实现Tab标签页切换的方式(推荐)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-07-07
百度小程序自定义通用toast组件
这篇文章主要介绍了百度小程序自定义通用toast组件,百度小程序的toast仅支持在页中展示，不能自定义位置、字体大小、在单个文本中增加icon等需求；因此自定义一个全局可通用的Toast,需要的朋友可以参考下
2019-07-07