Как сформировать новый массив объектов, сделав слияние по некоторому параметру?

Question

[Crone1331]

Есть массив:

const arr = [ 
  {merch: 111, games: ['loto1', 'loto2']}, 
  {merch: 111, games: ['loto2', 'loto3']}, 
  {merch: 222, games: ['loto3', 'loto4']},
];

Массив состоит из объектов, у них могут быть схожие значения в поле merch и общие значения в games как сформировать новый массив, объединив в нем объекты по полю merch? При этом без дубликатов, на выходе хочу иметь подобное:

[
  {merch: 111, games: ['loto1', 'loto2', 'loto3']},
  {merch: 222, games: ['loto3', 'loto4']},
]

Пытался сделать через reduce из библиотеки lodash, но не до конца понимаю как это сделать.

Answer 1

[0xD34F]

Пытался сделать через reduce из библиотеки lodash

Давайте так - или lodash, или reduce, но не оба сразу:

const newArr = _.map(_.groupBy(arr, 'merch'), (v, k) => ({
  merch: +k,
  games: _.uniq(_.flatMap(v, 'games')),
}));

const newArr = Object
  .entries(arr.reduce((acc, n) => ((acc[n.merch] ??= []).push(...n.games), acc), {}))
  .map(n => ({ merch: +n[0], games: [...new Set(n[1])] }));

Answer 2

[Сергей Соколов]

Object.values(
  arr.reduce((acc, c) => {
    const { merch, games } = c;
    if (!acc[merch]) acc[merch] = c;
    else {
      const merged = [...acc[c.merch].games, ...games];
      acc[c.merch].games = [...new Set(merged)];
    }
    return acc;
  }, {})
);