JavaScript中 如何判断两个对象是否相等？

JavaScript中 如何判断两个对象是否相等？

object类型作为JavaScript中的基本数据类型，也是实际前端开发中经常使用的一种数据类型。 对于数字（Number）、字符串（String）、Boolean类型等数据，判断其是否相等，使用 === 全等于符合即可判断。但是对于object类型的数据，进行判断时就需要多做一些处理。

常见的判断方法有：

方法一：

  使用 JSON.stringify()方法，将对象转化为字符串。然后使用 “===” 判断即可：

let obj1 = {
     
    a: 1,
    b: 2
  }
  let obj2 = {
     
    a: 1,
    b: 2,
  }
  console.log(JSON.stringify(obj1) === JSON.stringify(obj2)) // true

  此方法看似简单，但是存在较大的缺点，比如上面代码稍微变化下，输出结果就变为 false。

let onj1 = {
     
    a: 1,
    b: 2
  }
  let onj2 = {
     
    b: 2,
    a: 1
  }
  console.log(JSON.stringify(onj1) === JSON.stringify(onj2)) // false

  onj1和onj2的键、值是相同的，但是调整了键的位置后，就会发现上面使用JSON.stringify()
方法存在问题，主要是转化为字符串后，比较时是按照字符串下边去对比每一个下标对应的字符是否相等，所以这种方法在比较对象的时候局限性较大，故使用是需要谨慎！！！
  

方法二：

  由于对象是由键值对构成的，那要判断对象相等，只要判断两个对象的键、值是否都相同，如果相同就代表它们相等，反之不相等。
   思路：

• 使用Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。
• 比对键名数组的长度是否相等，不相等则返回false。相等进行下一步。
• 比对键名对应的键值是否相等。

  let onj1 = {
     
    a: 1,
    b: 2
  }
  let onj2 = {
     
    b: 2,
    a: 1
  }

  function isObjectValueEqual(a, b) {
     
    var aProps = Object.getOwnPropertyNames(a);
    var bProps = Object.getOwnPropertyNames(b);

    if (aProps.length !== bProps.length) {
     
      return false;
    }

    for (var i = 0; i < aProps.length; i++) {
     
      var propName = aProps[i];
      var propA = a[propName];
      var propB = b[propName];
      if (propA !== propB) {
     
        return false;
      }
    }
    return true;
  }
  console.log(isObjectValueEqual(onj1, onj2)) // true

tips：此时已经可以满足基本的需求，但是对于对象中键的值也是对象时，上面的方法就不合时宜了，还需要进行优化！

进化版：

  function isObjectValueEqualNew(a, b) {
     
    var aProps = Object.getOwnPropertyNames(a);
    var bProps = Object.getOwnPropertyNames(b);
    if (aProps.length != bProps.length) {
     
      return false;
    }
    for (var i = 0; i < aProps.length; i++) {
     
      var propName = aProps[i]

      var propA = a[propName]
      var propB = b[propName]
      if ((typeof (propA) === 'object')) {
     
        if (this.isObjectValueEqualNew(propA, propB)) {
     
          return true
        } else {
     
          return false
        }
      } else if (propA !== propB) {
     
        return false
      } else {
     
        //
      }
    }
    return true
  }
  let obb1 = {
     
    a: 1,
    b: 2,
    c: {
     
      d: 4,
      e: {
     
        f: 5,
        e: 6
      }
    }
  }
  let obb2 = {
     
    b: 2,
    a: 1,
    c: {
     
      e: {
     
        e: 6,
        f: 5
      },
      d: 4
    }
  }
  console.log(isObjectValueEqualNew(obb1, obb2)) // true

  至此，就可以判断两个对象是否相等了！

  如果您有更好的方法，欢迎留言讨论~~~