Суммировать данные из двух массивов объектов

Question

У меня есть два массива объектов, и я хочу суммировать объект с одинаковым ключом (в данном случае, id), и если ключа совпадения нет, просто создайте новый .. Извинитеесли я не объясняю это ясно, я новичок в JavaScript / Array / Object вещь ...

var dataOne = [ { id:"1", total: 10, win: 5 }, { id:"2", total: 5, win: 1 }, { id:"3", total: 5, win: 2 } ]

и

var dataTwo = [ { id:"1", total: 5, win: 2 }, { id:"2", total: 2, win: 3 }, { id:"5", total: 5, win: 4 } ]

Ожидаемый результат:

var combinedData = [ { id:"1", total: 15, win: 7 }, { id:"2", total: 7, win: 4 }, { id:"3", total: 5, win: 2 }, { id:"5", total: 5, win: 4 } ]

Я пытался использовать решение из Суммировать все данные в массиве объектов в новый массив объектов , но, очевидно, тип данных отличается от

Итак, я попыталсяиспользуйте этот метод из Javascript - сумма двух объектов с одинаковыми свойствами

 function sumObjectsByKey(...objs) {
      for (var prop in n) {
        if (acc.hasOwnProperty(prop)) acc[prop] += n[prop];
        else acc[prop] = n[prop];
      }
      return acc;
    }

и

var combinedData = sumObjectsByKey(dataOne, dataTwo);

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

{0: "0[object Object][object Object]", 1: "0[object Object][object Object]", 2: "0[object Object][object Object]"}

.

Answer 1

Объедините оба массива, разбросав по Array.concat().Уменьшите элементы на карте, комбинируя текущий элемент с элементом, который уже существует на карте.Преобразование обратно в массив путем расширения итератора Map.values():

// utility function to sum to object values (without the id)
const sumItem = ({ id, ...a }, b) => ({
  id,
  ...Object.keys(a)
    .reduce((r, k) => ({ ...r, [k]: a[k] + b[k] }), {})
});

const sumObjectsByKey = (...arrs) => [...
  [].concat(...arrs) // combine the arrays
  .reduce((m, o) => // retuce the combined arrays to a Map
    m.set(o.id, // if add the item to the Map
      m.has(o.id) ? sumItem(m.get(o.id), o) : { ...o } // if the item exists in Map, sum the current item with the one in the Map. If not, add a clone of the current item to the Map
    )
  , new Map).values()]

const dataOne = [ { id:"1", total: 10, win: 5 }, { id:"2", total: 5, win: 1 }, { id:"3", total: 5, win: 2 } ]
const dataTwo = [ { id:"1", total: 5, win: 2 }, { id:"2", total: 2, win: 3 }, { id:"5", total: 5, win: 4 } ]

const result = sumObjectsByKey(dataOne, dataTwo)
  
console.log(result)

Answer 2

Я бы предложил Array.reduce здесь. В теле функции сокращения, если id нет в аккумуляторе результатов, добавьте его, а затем увеличьте все значения для каждого свойства в объекте.

var dataOne = [ { id:"1", total: 10, win: 5 }, { id:"2", total: 5, win: 1 }, { id:"3", total: 5, win: 2 } ]
var dataTwo = [ { id:"1", total: 5, win: 2 }, { id:"2", total: 2, win: 3 }, { id:"5", total: 5, win: 4 } ]

var sumObjectsByKey = (...objs) => 
  Object.values(objs.reduce((a, e) => {
    a[e.id] = a[e.id] || {id: e.id};

    for (const k in e) {
      if (k !== "id") {
        a[e.id][k] = a[e.id][k] ? a[e.id][k] + e[k] : e[k];
      }
    }

    return a;
  }, {}))
;

console.log(sumObjectsByKey(...dataOne, ...dataTwo));