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
}
复制代码