JS判斷兩個對象內容是否相等的方法示例

2019-11-19 16:52:22

字體：大中小

來源：轉載

供稿：網友

本文實例講述了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;  }}//testvar 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);//trueconsole.log(state2);//falsevar state3=isEqual(null,undefined);console.log(state3);//falsevar state4=isEqual(NaN,NaN);console.log(state4);//truevar arr1=[1,2,3];var arr2=[1,2,3];var arr3=[1,23];var state5=isEqual(arr1,arr2);console.log(state5);//truevar state6=isEqual(arr1,arr3);console.log(state6);//false</script></html>

運行效果圖如下：