如何根據ID欄位高效合併JavaScript物件？

在 JavaScript 中根據 Id 欄位合併物件

組合來自多個陣列的資料是 JavaScript 開發中的常見任務。當處理包含物件的陣列時，有必要根據特定欄位（例如“id”欄位）合併它們。

要根據「id」欄位合併物件數組，一個強大的方法是使用可以使用ES6 擴充運算子：

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

在此片段中：

• a1 和a2 表示輸入陣列
• map() 方法迭代a1 中的每個項目。
• 對於 a1 中的每個項目 t1，執行一個匿名箭頭函數。
• 在箭頭函數，擴充運算子 (...) 用來建立一個新物件。
• 第一組點合併了t1，保留原始值。
• 第二組點合併了 a2 中與 t1 具有相同「id」的元素的屬性。 find() 方法在 a2 中搜尋匹配項。
• 產生的 a3 陣列包含合併的物件。

使用此方法，「count」屬性將新增至現有的「合併數組a3 中每個物件的「name」屬性。該技術可以擴展到基於任何所需欄位合併對象，從而提供一種簡潔有效的方法來組合JavaScript 中的資料。

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