正文

如何判断JS中两个对象是否真的相等：深度比较技巧与实例解析

/0 浏览量
1102

在JavaScript中，对象的比较与数值比较不同，不能简单地使用等号（==）或严格等号（===）来判断两个对象是否相等。这两种运算符在比较对象时，会返回false，因为它们比较的是对象引用，而不是对象的内容。为了判断两个对象是否在深度上相等，我们需要使用深度比较的方法。以下是一些常用的技巧和实例解析。

1. 使用Object.is()方法

ES6引入了Object.is()方法，用于比较两个值是否相等，包括NaN和-0的情况。尽管它不能直接比较对象，但它是一个比较值的好起点。

let obj1 = { a: 1, b: 2 };
let obj2 = { a: 1, b: 2 };

console.log(Object.is(obj1, obj2)); // 输出：false

2. 手动深度比较

为了进行深度比较，我们可以编写一个函数，递归地比较对象的所有属性。

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 (let key of keys1) {
    if (!keys2.includes(key) || !deepEqual(obj1[key], obj2[key])) {
      return false;
    }
  }

  return true;
}

let obj1 = { a: 1, b: { c: 3 } };
let obj2 = { a: 1, b: { c: 3 } };

console.log(deepEqual(obj1, obj2)); // 输出：true

3. 使用库函数

有多个库提供了深度比较功能，如deep-equal。但在这里，我们将只使用原生JavaScript。

4. 处理特殊情况

在深度比较中，我们还需要处理一些特殊情况，例如循环引用、函数等。

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

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

  const seenKey = seen.get(obj1);

  if (seenKey === obj2) {
    return true;
  }

  seen.set(obj1, obj2);

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

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

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

  return true;
}

实例解析

以下是一个具体的例子，展示了如何使用deepEqual函数来判断两个对象是否深度相等。

let obj1 = { a: [1, 2, 3], b: { c: 4 } };
let obj2 = { a: [1, 2, 3], b: { c: 4 } };

console.log(deepEqual(obj1, obj2)); // 输出：true

let obj3 = { a: [1, 2, 3], b: { c: 4, d: 5 } };

console.log(deepEqual(obj1, obj3)); // 输出：false

通过以上技巧和实例，我们可以更好地理解如何在JavaScript中判断两个对象是否深度相等。在实际应用中，根据需要选择合适的比较方法，可以有效地避免因对象比较导致的潜在错误。

-- 展开阅读全文 --