大家好，我來了，本期為大家帶來的前端開發知識是”Web前端：怎么在JavaScript中比較對象？“，有興趣做前端的朋友，一起來看看吧！

比較JavaScript中的原始值很簡單。您需要做的是使用任何可用的等價運算符，例如嚴格相等運算符：

對象具有結構化數據，因此比較起來比較困難。在本文中，您將學習如何正確比較JavaScript中的對象。

1.參照相等

JavaScript提供了3種比較值的方法：

• 松散相等運算符 ===
• 嚴格相等運算符 ==
• Object.is() 功能

使用這些對象中的任何一個進行對象比較時，true只有在比較值指向同一對象實例時，比較的結果才為。這就是參照相等。

讓我們定義2個對象hero1和hero2，并在實踐中查看引用相等性：

hero1 === hero1true由于兩個操作數都指向同一個對象實例，因此求值hero1。

另一方面，由于操作數和是不同的對象實例，因此hero1 === hero2求值為。 falsehero1hero2

有趣的是hero1，hero2對象具有相同的內容：兩個對象都有一個name具有value的屬性'Batman'。盡管如此，即使比較相同結構的對象，其結果也hero1 === hero2為false。

當您想比較對象引用而不是它們的內容時，引用相等很有用。但是，在大多數情況下，您想比較對象的實際內容：屬性及其值。

讓我們看看如何通過對象的內容比較對象是否相等。

2.手動比較

按內容比較對象的明顯方法是訪問屬性并手動比較它們。

例如，讓我們編寫一個isHeroEqual()比較兩個英雄對象的特殊函數：

isHeroEqual()訪問name兩個對象的屬性并進行比較。

如果被比較的對象具有一些屬性，我喜歡isHeroEqual()手動編寫比較函數。它們具有良好的性能：比較中只涉及少數幾個屬性訪問者和相等運算符。

手動比較需要手動提取屬性-對于簡單對象，這不是問題。但是，要比較較大的對象（或結構未知的對象），手動比較不方便，因為它需要大量樣板代碼。

讓我們看看對象的淺層平等如何提供幫助。

3.淺薄的平等

在對象的淺層相等檢查期間，您必須獲取屬性列表（使用Object.keys()），然后檢查屬性的值是否相等。

這是對象的淺層相等檢查的可能實現：

在函數內部，keys1并且keys2是包含相應的屬性名稱數組object1和object2。

for循環遍歷的密鑰，并且每個屬性的比較object1和object2是否相等object1[k1] !== object2[k2]。

現在，使用淺等式可以檢查許多屬性的對象：

shallowEqual(hero1, hero2)true之所以返回，是因為對象hero1和hero2具有相同的屬性（name和realName）和相同的值。

在另一邊，shallowEqual(hero1, hero3)回報false因為hero1和hero3具有不同的屬性。

但是JavaScript中的對象可以嵌套。不幸的是，在這種情況下，淺淺的平等并不能很好地發揮作用。

讓我們對具有其他嵌套對象的對象執行淺表相等：

這個時候，即使這兩個對象hero1，并hero2具有相同的內容，shallowEqual(hero1, hero2)返回false。

發生這種情況是因為嵌套的對象hero1.address和hero2.address是不同的對象實例。因此，淺等式認為 hero1.address且hero2.address是不同的值。

解決嵌套對象的問題有助于對對象進行深度相等性檢查。

4.深層平等

深度相等檢查有助于對包含其他對象（也稱為嵌套對象）的對象執行相等檢查。

深層平等檢查類似于對象的淺層平等檢查，不同之處在于，當一個屬性具有一個對象時，另一個遞歸淺層平等檢查將在該對象上開始。

讓我們看一下深度相等檢查的實現：

高亮顯示的行areObjects && !deepEqual(val1, val2)指示一旦檢查的屬性是對象，則遞歸調用開始以驗證嵌套對象是否也相等。

現在，我們使用deepEquality()來比較具有嵌套對象的對象：

深度相等函數正確地確定hero1并hero2具有相同的屬性和值，包括嵌套對象hero1.address和的相等性hero2.address。

深入比較的對象，我建議使用isDeepStrictEqual（object1，對象2）的節點內置util模塊或_.isEqual（object1，對象2）的lodash庫。

5.總結

的參考平等（使用===，==或Object.is()）確定操作數是否是同一物體的實例。

手動檢查對象是否相等需要對屬性值進行手動比較。盡管此檢查需要手動編寫屬性檢查，但由于其簡單性，我經常發現此方法很方便。

當被比較的對象具有許多屬性或在運行時確定對象的結構時，更好的方法是使用淺層檢查。

如果比較的對象具有嵌套對象，則進行深度相等檢查是一種方法。

希望我的帖子可以幫助您了解檢查JavaScript中對象的細節。

JSON.stringify(object1) === JSON.stringify(object2)用于比較對象的主要問題是什么？

原著作者：德米特里·帕夫魯汀

文章來源：國外

原著鏈接：

Dmitri Pavlutin Blog?dmitripavlutin.com

PS：原著文章內容為英文版本，建議使用360極速瀏覽器進行翻譯閱讀。

總結

以上是生活随笔為你收集整理的name optimize is not defined 怎么解决_Web前端：怎么在JavaScript中比较对象？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。