在數組中查找具有相同值屬性的對象

Question

我有一系列銀行賬戶，它們是從 GET 請求中收到的。

<div class="card" *ngFor="let acc of accounts">{{acc.iban}}  ({{acc.currency}})>

例如，帳戶數組是這樣的：

this.accounts = [
    { iban : '123' , currency: 'EUR' },
    { iban:  '123' , currency: 'USD' },
    { iban:  '234' , currency: 'EUR' }
]

如何動態查找具有相同 iban 的帳戶，從列表中刪除其中一個帳戶，並將刪除的帳戶的貨幣添加到另一個帳戶？

預期的輸出是：

this.accounts = [
    { iban: '123' , currency 'EUR, USD' },
    { iban:  '234' , currency: 'EUR' }
]

Answer 1

您可以使用Object.values()和Array.prototype.reduce()將具有相同 IBAN 的帳戶合並，並用逗號連接貨幣。

使用reduce ，您迭代您的accounts數組並構建一個將iban映射到合並帳戶的中間字典，然后使用Object.values()枚舉字典條目的值以返回一個數組。

 const accounts = [ { iban : '123' , currency: 'EUR' }, { iban: '123' , currency: 'USD' }, { iban: '234' , currency: 'EUR' } ]; const result = Object.values(accounts.reduce((acc, { iban, currency }) => { acc[iban] = acc[iban] ? { ...acc[iban], currency: acc[iban].currency + ', ' + currency } : { iban, currency }; return acc; }, {})); console.log(result);