如何使用 ES6 按 ID 高效合併 JavaScript 物件？

依ID 合併JavaScript 物件：綜合指南

依識別碼(id) 合併物件是JavaScript 程式設計中的常見任務，尤其是程式設計中的常見任務，特別是程式設計當合併來自不同來源的數據時。本指南將使用簡潔的 ES6 語法提供一個高效的解決方案。

解：

要依照id 欄位合併兩個物件數組，我們可以使用以下程式碼方法：

const a3 = a1.map((t1) => ({
  ...t1,
  ...a2.find((t2) => t2.id === t1.id),
}));

解釋：

• map()方法迭代第一個陣列 (a1)。
• 對於每個a1 中的物件t1，我們使用展開運算子(...) 建立一個新物件來複製其
• 我們在第二個陣列(a2) 上使用find () 來搜尋id 與t1 相符的物件。
• 然後將找到的物件的屬性複製到新物件中展開運算子。

範例用法：

考慮問題中提供的範例陣列：

var a1 = [{ id: 1, name: "test"}, { id: 2, name: "test2"}];
var a2 = [{ id: 1, count: "1"}, {id: 2, count: "2"}];

應用上述解將產生所需的合併陣列：

var a3 = [{ id: 1, name: "test", count: "1"}, 
          { id: 2, name: "test2", count: "2"}];

優點：

• 程式碼簡潔易讀。
• 高效率使用ES6擴充運算子進行物件合併。
• 處理合併中現有的和缺少的屬性物體。

以上是如何使用 ES6 按 ID 高效合併 JavaScript 物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！