Как я могу накапливать значения в массиве JSON по значению свойства?

Question

У меня есть массив Json с такими данными

0: Product {Name: "--Product Name--", CategoryID: "115", Sku: "xxxx", Quantity: 1, Price: 4}
1: Product {Name: "--Product Name--", CategoryID: "115", Sku: "xxxx", Quantity: 1, Price: 4}
2: Product {Name: "--Product Name--", CategoryID: "115", Sku: "xxxx", Quantity: 1, Price: 4}
3: Product {Name: "--Product Name--", CategoryID: "77", Sku: "xxxx", Quantity: 1, Price: 9.99}
4: Product {Name: "--Product Name--", CategoryID: "77", Sku: "xxxx", Quantity: 2, Price: 9.99}
5: Product {Name: "--Product Name--", CategoryID: "77", Sku: "xxxx", Quantity: 1, Price: 9.99}
6: Product {Name: "--Product Name--", CategoryID: "77", Sku: "xxxx", Quantity: 4, Price: 9.99}

Я хочу создать краткую сводку товаров, хранящихся в объекте, по их идентификатору категории, их количеству и стоимости

Таким образом, результат будет примерно таким:

 Category Id    Quantity    Cost
     115           3        12
     77            8        79.92

Есть ли простой способ сделать это, не создавая несколько массивов, чтобы показать, какие идентификаторы категорий находятся в объекте, и циклически перебирая каждый массив продуктов, а затем массив категорий во вложенном цикле for?

Answer 1

Вы можете использовать Array.reduce для компактного кода, но вы также можете использовать Array.forEach для дополнительной ясности:

// creates dummy data
let data = (new Array(100)).fill().map(() => ({
  id: Math.floor(3 * Math.random()),
  quantity: Math.random(),
  cost: Math.random()
}));

// summary object
let summary = {};

// add keys
data.forEach(d => {
  if (summary[d.id] == undefined) {
    summary[d.id] = {
      quantity: 0,
      cost: 0
    };
  }
});

// populate summary
data.forEach(d => {
  summary[d.id].quantity += d.quantity;
  summary[d.id].cost += d.cost;
});

console.log(summary);

Answer 2

Вы можете использовать array#reduce для группировки массива по CategoryID в накопителе объектов.

let products = [{Name: "--Product Name--", CategoryID: "115", Sku: "xxxx", Quantity: 1, Price: 4},{Name: "--Product Name--", CategoryID: "115", Sku: "xxxx", Quantity: 1, Price: 4}, {Name: "--Product Name--", CategoryID: "115", Sku: "xxxx", Quantity: 1, Price: 4},{Name: "--Product Name--", CategoryID: "77", Sku: "xxxx", Quantity: 1, Price: 9.99}, {Name: "--Product Name--", CategoryID: "77", Sku: "xxxx", Quantity: 2, Price: 9.99}, {Name: "--Product Name--", CategoryID: "77", Sku: "xxxx", Quantity: 1, Price: 9.99},{Name: "--Product Name--", CategoryID: "77", Sku: "xxxx", Quantity: 4, Price: 9.99}],
    result = Object.values(products.reduce((r, o) => {
      r[o.CategoryID] = r[o.CategoryID] || {CategoryID: o.CategoryID, Quantity: 0, Price: 0};
      r[o.CategoryID]['Quantity'] += o.Quantity;
      r[o.CategoryID]['Price'] += o.Price;
      return r;
    }, {}));
console.log(result);