Как можно преобразовать массив из объектов с помощью функции reduce?

Question

[adizh]

Есть массив из объектов, например:

let data=[
  {brand:'iowa', price:12},
  {brand:'iowa', price:42},
  {brand:'zero', price:58},
  {brand:'zero', price:32}]

Нужно преобразовать так:

let data=[
  {brand:'iowa', price:54},
  {brand:'zero', price:90}]

То есть, цены должны складываться в соответствии с названиями брендов. Как это можно сделать через фунциюю reduce или через любой другой способ?

Answer 1

[0xD34F]

Делаем ровно то, что спрошено:

const result = Object.values(data.reduce((acc, n) => (
  (acc[n.brand] ??= { ...n, price: 0 }).price += n.price,
  acc
), {}));

Или, решаем задачу в более общем виде:

function uniqueWithSum(data, key, sumKey) {
  const getKey = key instanceof Function ? key : n => n[key];
  const unique = new Map;

  for (const n of data) {
    const k = getKey(n);
    unique
      .set(k, unique.get(k) ?? Object.assign(new n.constructor, n, { [sumKey]: 0 }))
      .get(k)[sumKey] += n[sumKey];
  }

  return unique;
}

// ваш случай
const result = [...uniqueWithSum(data, 'brand', 'price').values()];

// элементам исходного массива не обязательно быть объектами
Array.from(uniqueWithSum([
  [ 'aaa',   1 ],
  [ 'aaa',  10 ],
  [ 'aaa', 100 ],
  [ 'bbb', 666 ],
], 0, 1).values()) // [ [ 'aaa', 111 ], [ 'bbb', 666 ] ]

Comments

[adizh]

Большое спасибо

Answer 2

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

1. сделать объект, где ключи – названия брендов, а значения накапливают сумму
   
2. из объекта снова сделать массив объектов первоначального вида
   

// итерации 1-го этапа:
{}
{'iowa': 12}
{'iowa': 12 + 42 = 54}
{'iowa': 54, 'zero': 58}
{'iowa': 54, 'zero': 58 + 32 = 90}

и на втором преобразовать объект {'iowa': 54, 'zero': 90} в массив как у вас ожидается.

Comments

[Артем]

Не могу догнать, каким образом, мы можем складывать на каждой итерации сумму, подскажите пожалуйста.

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

Артем, на очередной итерации есть название очередного ключа, например 'iowa'

В объекте надо посмотреть, есть ли уже такой ключ? Если нет – создать его со значением 0. И потом в любом случае прибавлять к его значению текущее 12.

const name = 'iowa';
const value = 12;

if (!obj.hasOwnProperty(name)) {
  obj[name] = 0;
}

obj[name] += value;

[Артем]

Сергей Соколов, Ах, редко использую hasOwnProperty(), спасибо!