判断对象相等

在 JavaScript 中，判断两个对象是否相等的标准并不像简单数据类型那样直观。直接使用 == 或 === 运算符比较两个对象引用时，它们会检查两个引用是否指向内存中的同一个对象实例，而不是比较对象的属性和值是否一致。

如果你需要判断两个对象是否具有相同的属性和对应的相同值，可以采用以下方法：

1. 浅层相等性检查：

   • 如果只是想比较对象的第一层属性（不包括嵌套对象或数组）是否相等，可以使用 JSON.stringify() 方法将对象转换为字符串进行比较：

   function isShallowEqual(obj1, obj2) {
     return JSON.stringify(obj1) === JSON.stringify(obj2);
   }
   

   注意这种方法只适用于对象的所有属性都是基本类型的情况，对于包含复杂数据结构（如嵌套对象、数组）的对象，此方法无效。

2. 深层相等性检查：

   • 对于更复杂的深度相等性检查，可以自定义函数遍历对象的所有属性并递归地比较每个属性及其值：

   function isDeepEqual(obj1, obj2) {
     const keys1 = Object.keys(obj1);
     const keys2 = Object.keys(obj2);
   
     if (keys1.length !== keys2.length) {
       return false;
     }
   
     for (let key of keys1) {
       const val1 = obj1[key];
       const val2 = obj2[key];
   
       if (typeof val1 === 'object' && typeof val2 === 'object') {
         if (!isDeepEqual(val1, val2)) {
           return false;
         }
       } else if (val1 !== val2) {
         return false;
       }
     }
   
     return true;
   }
   

3. lodash 库的_.isEqual()方法：

   • 在实际项目中，通常推荐使用成熟的库来处理这类问题，比如 lodash 提供的_.isEqual()方法，它可以处理深度相等比较，并且对各种类型的值都能妥善处理。

import _ from 'lodash';

const obj1 = { value: 1 };
const obj2 = { value: 1 };

if (_.isEqual(obj1, obj2)) {
  console.log('Objects are deeply equal');
} else {
  console.log('Objects are not deeply equal');
}

4. ES6 扩展运算符与 Object.is 配合：

   • 若要实现简单的深拷贝对象且仅用于浅层相等性检查，可以考虑利用 ES6 的扩展运算符配合 Object.is 进行比较：

   function isSimpleDeepEqual(obj1, obj2) {
     return Object.is(
       JSON.parse(JSON.stringify(obj1)),
       JSON.parse(JSON.stringify(obj2)),
     );
   }
   

请注意，以上方法有各自的局限性和适用场景，请根据实际需求选择合适的方法。对于大型项目或者需要高效准确比较的情况下，lodash 等库提供的方法是更为可靠的选择。