Как объединить массивы объектов по значениям одного из свойств их элементов?

Question

[Марат Иванов]

Есть массивы:

const sum = [ {id: 1, name: 'a'}, {id: 2, name: 'b'}] 
const arr1 = [ {id: 1, cat: '1'}, {id: 2, cat: '6'}] 
const arr2 = [ {id: 1, s: '2'}, {id: 2, s: '6'}]

Надо получить:

const res = [{id: 1, name: 'a', cat: '1', s: '2'}, {id: 2, name: 'b', cat: '6', s: '6'}]

Answer 1

[0xD34F]

const merge = (key, ...arrs) =>
  Object.values(arrs.reduce((acc, arr) => (
    arr.forEach(n => Object.assign(acc[n[key]] ??= {}, n)),
    acc
  ), {}));


const result = merge('id', sum, arr1, arr2);

или

const merge = (key, ...arrs) =>
  Array.from(arrs
    .flat()
    .reduce((acc, n) => {
      const k = key(n);
      return acc.set(k, Object.assign(acc.get(k) ?? {}, n));
    }, new Map)
    .values()
  );


const result = merge(n => n.id, sum, arr1, arr2);

Comments

[Марат Иванов]

спасибо!!!

[Марат Иванов]

подскажи пожалуйста как избежать ошибки Module parse failed: Unexpected token (110:82)
File was processed with these loaders:
* ./node_modules/babel-loader/lib/index.js
* ./node_modules/eslint-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
| }
|
> return Object.values(arrs.flat().reduce((acc, n) => (Object.assign(acc[n[key]] ??= {}, n), acc), {}));
| };

ругается вот на это ??= {}

Спасибо

[0xD34F]

Оператор называется logical nullish assignment - теперь вам есть, что погуглить. Вперёд.

[Марат Иванов]

название и его эффект понятен, не понятно только как к старому проекту прикрутить эту фичу. Но спасибо, в любом случае.

Object.assign(acc[n[key]] ?? (acc[n[key]] = {}), n), - вот так работает. но хотелось бы чтоб и с ??= работало))