首頁 > web前端 > js教程 > 如何基於公共鍵高效合併兩個物件數組?

如何基於公共鍵高效合併兩個物件數組?

Mary-Kate Olsen
發布: 2024-12-07 09:14:16
原創
328 人瀏覽過

How Can I Efficiently Merge Two Arrays of Objects Based on a Common Key?

使用公用鍵合併物件陣列

考慮兩個物件陣列:

Array 1:
[
  { id: "abdc4051", date: "2017-01-24" },
  { id: "abdc4052", date: "2017-01-22" }
]
登入後複製
Array 2:
[
  { id: "abdc4051", name: "ab" },
  { id: "abdc4052", name: "abc" }
]
登入後複製

依照下列條件合併這些陣列id 屬性,一個簡潔的解法是利用map()函數和Object.assign().

利用map(),我們迭代數組1。對於每個對象,我們建立一個新對象,該對象組合了數組1和數組2中同一索引處的兩個對象的屬性。這個新物件儲存在arr3中。

let arr1 = [
  { id: "abdc4051", date: "2017-01-24" },
  { id: "abdc4052", date: "2017-01-22" }
];

let arr2 = [
  { id: "abdc4051", name: "ab" },
  { id: "abdc4052", name: "abc" }
];

let arr3 = arr1.map((item, i) => Object.assign({}, item, arr2[i]));

console.log(arr3);
登入後複製

這達到了預期的結果:

[
  { id: "abdc4051", date: "2017-01-24", name: "ab" },
  { id: "abdc4052", date: "2017-01-22", name: "abc" }
]
登入後複製

以上是如何基於公共鍵高效合併兩個物件數組?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板