JavaScript——根據 id 屬性合併兩個陣列


假設我們有兩個物件陣列,第一個陣列包含某些包含使用者 ID 和使用者名稱的物件。

該陣列包含包含使用者 ID 和使用者地址的物件。

該陣列是 -

const arr1 = [
   {"id":"123","name":"name 1"},
   {"id":"456","name":"name 2"}
];
const arr2 = [
   {"id":"123","address":"address 1"},
   {"id":"456","address":"address 2"}
];

需要編寫一個 JavaScript 函式,該函式採用兩個這樣的陣列並將這兩個數組合並形成第三個陣列。

第三個陣列應包含相應使用者的使用者 ID、姓名和地址物件。

例項

程式碼如下 -

const arr1 = [
   {"id":"123","name":"name 1"},
   {"id":"456","name":"name 2"}
];
const arr2 = [
   {"id":"123","address":"address 1"},
   {"id":"456","address":"address 2"}
];
const mergeArrays = (arr1 = [], arr2 = []) => {
   let res = [];
   res = arr1.map(obj => {
      const index = arr2.findIndex(el => el["id"] == obj["id"]);
      const { address } = index !== -1 ? arr2[index] : {};
      return {
         ...obj,
         address
      };
   });
   return res;
};
console.log(mergeArrays(arr1, arr2));

輸出

控制檯輸出如下 -

[
   { id: '123', name: 'name 1', address: 'address 1' },
   { id: '456', name: 'name 2', address: 'address 2' }
]

更新日期: 2020 年 11 月 23 日

5 千次觀看

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告