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

转载于:https://juejin.im/post/5c41695c6fb9a049b07da41d