user我有 2 個物件陣列，只有當兩個陣列匹配時，我才想將它們的屬性合并在一起。
示例陣列
arr1 = [{ bank: 1, user: 'fred', depositAmount: 100, withdrawalAmount: 0 }];
arr2 = [{ user: 'fred', gender: 'male', age: 27, state: "arizona" }, { user: 'john',gender: 'male', age: 28, state: "texas" }];
預期產出
arr1 = [{ bank: 1, user: 'fred', depositAmount: 100, withdrawalAmount: 0, gender: 'male', age: 27, state: "arizona" }];
這是我到目前為止嘗試過的，但它回傳一個空陣列
var result = [];
arr1.concat(arr2)
.forEach(item =>
result[item.user] =
Object.assign({}, result[item.user], item)
);
result = result.filter(r => r);
console.log(result)
uj5u.com熱心網友回復：
您可以通過使用map、filterArray 功能和spread operator( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax ) 來實作：
const arr1 = [{ bank: 1, user: 'fred', depositAmount: 100, withdrawalAmount: 0 }, { user: 'john2',gender: 'male', age: 28, state: "texas" }];
const arr2 = [{ user: 'fred', gender: 'male', age: 27, state: "arizona" }, { user: 'john',gender: 'male', age: 28, state: "texas" }];
const newArray = arr1.map((obj) => {
const secondArrayObj = arr2.find((obj2) => obj2.user === obj.user);
if (secondArrayObj) {
return {...secondArrayObj, ...obj}
}
return null;
}).filter((obj) => obj != null);
console.log(newArray);
//[{
// "user": "fred",
// "gender": "male",
// "age": 27,
// "state": "arizona",
// "bank": 1,
// "depositAmount": 100,
// "withdrawalAmount": 0
//}]
請注意，如果您在兩個物件中具有相同的欄位，則來自arr2物件的欄位將被來自arr1物件的欄位覆寫
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/485972.html
上一篇：使用國家API通過XMLHTTPRequest獲取國家資料gettting[objectobject]error
下一篇：合并物件和陣列映射物件鍵