嚴(yán)格相等運(yùn)算符 (===)

使用 === 運(yùn)算符可以比較兩個(gè)對(duì)象是否引用同一個(gè)對(duì)象。如果兩個(gè)變量引用了同一個(gè)對(duì)象，則它們是相等的，否則它們是不相等的。例如：

const obj1 = { a: 1 };
const obj2 = { a: 1 };
const obj3 = obj1;

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

在上面的例子中，obj1 和 obj2 的屬性值相同，但它們是不同的對(duì)象，因此它們的 === 比較返回 false。而 obj1 和 obj3 引用了同一個(gè)對(duì)象，它們是相等的，因此 obj1 === obj3 返回 true。

這里就是嚴(yán)格比較，引用地址和屬性名屬性值都要一一對(duì)應(yīng)。

對(duì)象屬性的比較

如果你只是需要比較兩個(gè)對(duì)象的屬性是否相等（不比較引用地址），你可以使用循環(huán)或 Object.keys 方法來(lái)獲取對(duì)象屬性的列表，并比較它們的值。例如：

function isObjectEqual(obj1, obj2) {
  const obj1Keys = Object.keys(obj1);
  const obj2Keys = Object.keys(obj2);

  if (obj1Keys.length !== obj2Keys.length) {
    return false;
  }

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

  return true;
}

const obj1 = { a: 1, b: "hello" };
const obj2 = { a: 1, b: "world" };
const obj3 = { a: 1, b: "hello" };

console.log(isObjectEqual(obj1, obj2)); // false
console.log(isObjectEqual(obj1, obj3)); // true

在上面的例子中，isObjectEqual 函數(shù)比較了 obj1 和 obj2 的屬性值并返回 false，因?yàn)樗鼈兊?b 屬性的值不相等。而 isObjectEqual(obj1, obj3) 返回 true，因?yàn)樗鼈兊乃袑傩灾刀枷嗟取?/p>

使用 Lodash 等工具庫(kù)判斷兩個(gè)對(duì)象是否相等

可以使用 Lodash 的 isEqual 方法（依然不比較引用地址）。isEqual 方法會(huì)遞歸比較兩個(gè)對(duì)象的屬性值是否相等，包括嵌套對(duì)象和數(shù)組。

const obj1 = { a: 1, b: { c: 2 } };
const obj2 = { a: 1, b: { c: 2 } };
const obj3 = { a: 1, b: { c: 3 } };

console.log(_.isEqual(obj1, obj2)); // true
console.log(_.isEqual(obj1, obj3)); // false

在上面的例子中，_.isEqual(obj1, obj2) 返回 true，因?yàn)樗鼈兊乃袑傩灾刀枷嗟龋ㄇ短椎膶?duì)象。而 _.isEqual(obj1, obj3) 返回 false，因?yàn)樗鼈兊?b.c 屬性的值不相等。

JSON.stringify 方法

如果你的對(duì)象中只包含簡(jiǎn)單類(lèi)型（如數(shù)字、字符串、布爾值和 null）以及其他對(duì)象或數(shù)組，則可以使用 JSON.stringify 方法將對(duì)象轉(zhuǎn)換為字符串，然后比較這些字符串（還是不比較引用地址）。例如：

const obj1 = { a: 1, b: "hello", c: true };
const obj2 = { a: 1, b: "hello", c: true };
const obj3 = { a: 1, b: "world", c: true };

console.log(JSON.stringify(obj1) === JSON.stringify(obj2)); // true
console.log(JSON.stringify(obj1) === JSON.stringify(obj3)); // false

在上面的例子中，JSON.stringify(obj1) 和 JSON.stringify(obj2) 都返回相同的字符串，因此它們的比較返回 true。而 JSON.stringify(obj1) 和 JSON.stringify(obj3) 返回不同的字符串，因此比較返回 false。

需要注意的是，這種方法只適用于簡(jiǎn)單類(lèi)型和嵌套對(duì)象或數(shù)組，因?yàn)樗鼰o(wú)法處理對(duì)象中包含函數(shù)、正則表達(dá)式和 Date 等類(lèi)型的情況。

使用 Object.is() 方法

它與 === 運(yùn)算符類(lèi)似，但是有一些特殊情況，例如 Object.is(+0, -0) 返回 false，而 === 運(yùn)算符返回 true。

const obj1 = { a: 1 };
const obj2 = { a: 1 };
const obj3 = obj1;

console.log(Object.is(obj1, obj2)); // false
console.log(Object.is(obj1, obj3)); // true

在上面的例子中，Object.is(obj1, obj2) 返回 false，因?yàn)?nbsp;obj1 和 obj2 是兩個(gè)不同的對(duì)象，而 Object.is(obj1, obj3) 返回 true，因?yàn)?nbsp;obj1 和 obj3 引用了同一個(gè)對(duì)象。

到此這篇關(guān)于在JS中判斷兩個(gè)對(duì)象是否相等方法詳解的文章就介紹到這了,更多相關(guān)JS判斷兩個(gè)對(duì)象是否相等內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論