在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中文網其他相關文章!