Find objects in array with same value property

Question

I have an array of bank accounts, which I receive from a GET request.

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

Accounts array is for example like that:

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

How can I dynamically find accounts with the same iban, remove one of them from the list, and add removed the account's currency to the other account ?

The expected output is:

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

jo_va · Accepted Answer · 2019-04-01 11:27:17Z

1

You can use Object.values() and Array.prototype.reduce() to merge the accounts with the same IBAN and join the currencies with a comma.

With reduce, you iterate on your accounts array and build an intermediate dictionary that maps the iban to the merged accounts, then with Object.values() you enumerate the values of the dictionary entries to return an array.

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);

edited Apr 1, 2019 at 11:27

answered Apr 1, 2019 at 11:18

jo_va

14.1k3 gold badges25 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jer Over a year ago

Thank you very much! :)

Collectives™ on Stack Overflow

Find objects in array with same value property

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related