JavaScript 中判断两对象是否相等的方法汇总

在 JavaScript 中，判断两个对象是否相等是一个常见但又具有一定复杂性的操作。以下将为您汇总几种常见的判断方法。

方法一：JSON.stringify() 方法 通过将对象转换为 JSON 字符串，然后比较这两个字符串是否相等。但需要注意的是，如果对象中包含函数、正则表达式等无法被 JSON 序列化的属性，这种方法可能会不准确。

const obj1 = { name: 'Alice', age: 25 };
const obj2 = { name: 'Alice', age: 25 };

const areEqual = JSON.stringify(obj1) === JSON.stringify(obj2);
console.log(areEqual); 

方法二：浅比较 可以通过简单地遍历对象的属性来进行浅比较。这种方法只比较对象的第一层属性，如果属性值本身是对象，则不会进行深入比较。

function shallowEqual(obj1, obj2) {
  const keys1 = Object.keys(obj1);
  const keys2 = Object.keys(obj2);

  if (keys1.length!== keys2.length) {
    return false;
  }

  for (const key of keys1) {
    if (obj1[key]!== obj2[key]) {
      return false;
    }
  }

  return true;
}

const obj3 = { name: 'Bob', address: { city: 'New York' } };
const obj4 = { name: 'Bob', address: { city: 'New York' } };

console.log(shallowEqual(obj3, obj4)); 

方法三：深比较 使用递归的方式对对象的属性进行深度比较，确保对象及其嵌套的对象都完全相等。

function deepEqual(obj1, obj2) {
  const keys1 = Object.keys(obj1);
  const keys2 = Object.keys(obj2);

  if (keys1.length!== keys2.length) {
    return false;
  }

  for (const key of keys1) {
    const val1 = obj1[key];
    const val2 = obj2[key];

    const areObjects = typeof val1 === 'object' && typeof val2 === 'object';

    if (areObjects &&!deepEqual(val1, val2) ||!areObjects && val1!== val2) {
      return false;
    }
  }

  return true;
}

const obj5 = { name: 'Charlie', hobbies: ['reading', 'writing'] };
const obj6 = { name: 'Charlie', hobbies: ['reading', 'writing'] };

console.log(deepEqual(obj5, obj6)); 

在 JavaScript 中判断两个对象是否相等需要根据具体的需求选择合适的方法。浅比较适用于简单对象，而深比较则适用于复杂嵌套的对象结构。

需要注意的是，在实际开发中，还需要考虑对象属性的顺序、特殊类型的处理等情况，以确保比较结果的准确性和可靠性。