js 空对象比较

在 JavaScript 中，空对象的比较存在一些需要注意的细节。

基础概念：

当使用 === （严格相等）或 == （宽松相等）运算符直接比较两个空对象 {} 时，结果总是 false 。这是因为对象在比较时，比较的是它们的引用地址，而不是对象的内容。

相关优势：

这种比较方式有助于确保对象的唯一性和独立性，避免因内容相同而被误认为是同一个对象。

应用场景：

在需要判断两个对象是否是完全独立的实例，而非内容相同的实例时。

问题原因及解决方法：如果要比较两个对象的内容是否相同，不能直接使用 === 或 == 。可以通过以下几种方法来解决：

将对象序列化为 JSON 字符串进行比较：

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

const objA = {};
const objB = {};
console.log(objectsAreEqual(objA, objB));

但这种方法存在一些限制，例如属性的顺序不同会导致比较结果为 false ，而且无法处理函数、undefined 等特殊值。

递归遍历对象的属性进行比较：

function deepEqual(obj1, obj2) {
  if (obj1 === obj2) {
    return true;
  }

  if (typeof obj1 !== 'object' || obj1 === null || typeof obj2 !== 'object' || obj2 === null) {
    return false;
  }

  const keys1 = Object.keys(obj1);
  const keys2 = Object.keys(obj2);

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

  for (const key of keys1) {
    if (!keys2.includes(key) ||!deepEqual(obj1[key], obj2[key])) {
      return false;
    }
  }

  return true;
}

const objC = { a: 1 };
const objD = { a: 1 };
console.log(deepEqual(objC, objD));

这种方法可以更准确地比较对象的内容，但实现相对复杂。