如何在 JavaScript 中有效比較數組中的對象

比較JavaScript 中數組中的物件

在JavaScript 中，有效比較包含物件的陣列至關重要，尤其是當這些物件包含多個屬性並且可能缺少值時。一種簡單的方法可能涉及迭代每個數組，比較各個屬性。但是，對於陣列受限於特定大小（例如，最多 8 個項目）和屬性計數的情況，存在更優雅的解決方案。

一種方法是利用物件序列化技術。但是，應該注意的是，僅序列化是不夠的，因為物件屬性的順序會影響結果。因此，需要一種更健壯的方法。

考慮以下函數：

<code class="javascript">const objectsEqual = (o1, o2) =>
    Object.keys(o1).length === Object.keys(o2).length
        && Object.keys(o1).every(p => o1[p] === o2[p]);</code>

此函數檢查兩個物件中的屬性數量(Object.keys(o1).length) 和比較每個屬性鍵（p）以確保它們對應的值（o1[p]）相等。

例如，給定以下物件：

<code class="javascript">const obj1 = { name: 'John', age: 33};
const obj2 = { age: 33, name: 'John' };
const obj3 = { name: 'John', age: 45 };</code>

函數呼叫objectsEqual( obj1, obj2) 將傳回true，因為兩個物件具有相同的屬性和相同的值，而objectEqual( obj1, obj3) 將會傳回false，因為年齡值不同。

這種方法提供了一種簡潔有效的方法比較數組中的對象，考慮缺失的屬性值和屬性順序。

以上是如何在 JavaScript 中有效比較數組中的對象的詳細內容。更多資訊請關注PHP中文網其他相關文章！