正文

揭秘JS对象相等之谜：学会5招，轻松判断对象是否真的相等

/0 浏览量
0527

在JavaScript中，判断两个对象是否相等是一件看似简单，实则充满挑战的事情。有时候，我们会发现直接使用 == 或 === 运算符并不能得到我们想要的结果。那么，如何才能准确地判断两个对象是否真的相等呢？下面，我将为你揭秘JS对象相等之谜，并提供5招让你轻松判断对象是否真的相等。

招数一：了解引用类型和原始类型

在JavaScript中，存在两种基本的数据类型：原始类型和引用类型。原始类型包括字符串、数字、布尔值、null和undefined，而引用类型则包括对象、数组、函数等。

当比较两个原始类型的变量时，比较的是它们的值。例如：

let a = 5;
let b = 5;
console.log(a == b); // true

然而，当比较两个引用类型的变量时，比较的是它们是否指向同一个对象。例如：

let obj1 = {};
let obj2 = {};
console.log(obj1 == obj2); // false

即使两个对象的属性和值都相同，只要它们不是同一个对象，它们就不相等。

招数二：使用===运算符

=== 运算符在比较时既比较值，也比较类型。如果你想要准确地判断两个对象是否相等，那么 === 是你的首选。

let obj1 = {};
let obj2 = {};
console.log(obj1 === obj2); // false

招数三：使用Object.is()方法

Object.is() 方法是ES6 引入的一个新方法，用于比较两个值是否相等。与 === 运算符相比，Object.is() 方法在比较 NaN 和 +0 与 -0 时会返回 false。

console.log(Object.is(NaN, NaN)); // true
console.log(NaN === NaN); // false
console.log(+0 === -0); // true
console.log(Object.is(+0, -0)); // false

招数四：手动比较对象属性

如果你确定两个对象都是同一个类型，并且想手动比较它们的属性，可以使用以下方法：

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

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

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

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

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

  return true;
}

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

招数五：使用深拷贝和浅拷贝

在比较对象时，有时候我们会遇到对象嵌套的情况。在这种情况下，仅仅比较对象的顶层属性是不够的。这时，我们可以使用深拷贝和浅拷贝来解决这个问题。

浅拷贝会复制对象的顶层属性，而不会复制对象内部的嵌套对象。可以使用 Object.assign() 方法或扩展运算符来实现浅拷贝：

let obj1 = { a: { b: 1 } };
let obj2 = { a: { b: 1 } };
let obj3 = Object.assign({}, obj1);
let obj4 = { ...obj1 };

console.log(obj1 === obj3); // false
console.log(obj1 === obj4); // false
console.log(obj3 === obj4); // true

深拷贝会复制对象的全部属性，包括嵌套对象。可以使用 JSON.parse(JSON.stringify()) 方法来实现深拷贝：

let obj1 = { a: { b: 1 } };
let obj2 = JSON.parse(JSON.stringify(obj1));

console.log(obj1 === obj2); // false
console.log(obj1.a === obj2.a); // false

通过以上5招，相信你已经掌握了判断JS对象是否相等的技巧。在实际开发中，灵活运用这些方法，让你在处理对象比较问题时更加得心应手。

-- 展开阅读全文 --