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' } ]
廣告