js判斷兩個對象是否相等

在前端，老是須要到要判斷兩個對象的值是否相等，若是是單純判斷不管如何都是不相等的，由於他們的內存地址不一樣，因此咱們須要本身更深刻去判斷。

1. 固然是先最簡單的 若是傳入的不是複雜類型就直接判斷兩個值是否相等

let o1 = obj1 instanceof Object;
 let o2 = obj2 instanceof Object;
 if(!o1 || !o2) {    // 若是不是對象 直接判斷數據是否相等
   return obj1 === obj2
 }
複製代碼

2. 若是是複雜類型，那麼判斷兩個對象的屬性長度是否相等

if(Object.keys(obj1).length !== Object.keys(obj2).length) {
   return false;
 }
複製代碼

3. 若是兩個對象屬性長度相等，就判斷屬性的數據類型，根據不一樣數據類型做出操做

 循環對象的屬性判斷是否對象， 若是是對象的話就繼續回去判斷，用`Object.prototype.toString.call()`比較嚴謹判斷是什麼類型

for(let attr in obj1) {
    let a1 = Object.prototype.toString.call(obj1[attr]) == '[object Object]'
}複製代碼

若是是數組的話，轉換爲字符串判斷是否相等

let arr1 = Object.prototype.toString.call(obj1[attr]) == '[object Array]'
複製代碼

若是是普通數值直接判斷是否相等便可

obj1[attr] !== obj2[attr]複製代碼

4. 測試

let a1 = {name: 'amy', eat: {body:1, say: 'kk'}, time: [1, 2, 3, 4,5]}
let a2 = {name: 'amy', eat: {body:1, say: 'kk'}, time: [1, 2, 3, 4,5]}
isObjectEqual(a1, a2)
// true

let b1 = {name: 'amy', eat: {body:1, say: 'kk'}, time: [1, 2, 3, 4,5]}
let b2 = {name: 'ss', eat: {body:1, say: 'kk'}, time: [1, 2, 3, 4,5]}
isObjectEqual(b1, b2)
// false複製代碼

5. 下面貼上代碼參考，有問題或者改進建議能夠告訴我哦

export const isObjectEqual = (obj1, obj2) => {
  let o1 = obj1 instanceof Object;
  let o2 = obj2 instanceof Object;
  if(!o1 || !o2) {    // 若是不是對象 直接判斷數據是否相等
    return obj1 === obj2
  }
  // 判斷對象的可枚舉屬性組成的數組長度
  if(Object.keys(obj1).length !== Object.keys(obj2).length) {
    return false;
  }
  for(let attr in obj1) {
    let a1 = Object.prototype.toString.call(obj1[attr]) == '[object Object]'
    let a2 = Object.prototype.toString.call(obj2[attr]) == '[object Object]'
    let arr1 = Object.prototype.toString.call(obj1[attr]) == '[object Array]'
    if(a1 && a2) {
      // 若是是對象繼續判斷
      return isObjectEqual(obj1[attr], obj2[attr])
    } else if(arr1){
      // 若是是對象 判斷
      if(obj1[attr].toString() != obj2[attr].toString()){
        return false;
      }
    } else if(obj1[attr] !== obj2[attr]) {
      // 不是對象的就判斷數值是否相等
      return false
    }
  }
  return true
}
複製代碼