分组对象数组的最有效方法

Question

分组对象数组的最有效方法在数组中对对象进行分组的最有效方法是什么？例如，给定此对象数组：[      { Phase: "Phase 1", Step: "Step 1", Task: "Task 1", Value: "5" },     { Phase: "Phase 1", Step: "Step 1", Task: "Task 2", Value: "10" },     { Phase: "Phase 1", Step: "Step 2", Task: "Task 1", Value: "15" },     { Phase: "Phase 1", Step: "Step 2", Task: "Task 2", Value: "20" },     { Phase: "Phase 2", Step: "Step 1", Task: "Task 1", Value: "25" },     { Phase: "Phase 2", Step: "Step 1", Task: "Task 2", Value: "30" },     { Phase: "Phase 2", Step: "Step 2", Task: "Task 1", Value: "35" },     { Phase: "Phase 2", Step: "Step 2", Task: "Task 2", Value: "40" }]我在表格中显示这些信息。我想用不同的方法分组，但我想总结这些值。我正在使用Underscore.js作为其groupby函数，这很有帮助，但并没有完成整个技巧，因为我不希望它们“拆分”但是“合并”，更像是SQL group by方法。我正在寻找的是能够总计特定值（如果要求）。所以，如果我做了groupby Phase，我想要收到：[     { Phase: "Phase 1", Value: 50 },     { Phase: "Phase 2", Value: 130 }]如果我做了分组Phase/ Step，我会收到：[     { Phase: "Phase 1", Step: "Step 1", Value: 15 },     { Phase: "Phase 1", Step: "Step 2", Value: 35 },     { Phase: "Phase 2", Step: "Step 1", Value: 55 },     { Phase: "Phase 2", Step: "Step 2", Value: 75 }]是否有一个有用的脚本，或者我应该坚持使用Underscore.js，然后循环结果对象自己做总计？

Answer 1

如果你想避免使用外部库，你可以简洁地实现类似的vanilla版本groupBy()：

var groupBy = function(xs, key) {

  return xs.reduce(function(rv, x) {

    (rv[x[key]] = rv[x[key]] || []).push(x);

    return rv;

  }, {});

};

console.log(groupBy(['one', 'two', 'three'], 'length'));

// => {3: ["one", "two"], 5: ["three"]}

Answer 2

使用ES6 Map对象：

function groupBy(list, keyGetter) {

    const map = new Map();

    list.forEach((item) => {

         const key = keyGetter(item);

         const collection = map.get(key);

         if (!collection) {

             map.set(key, [item]);

         } else {

             collection.push(item);

         }

    });

    return map;

}

// example usage

const pets = [

    {type:"Dog", name:"Spot"},

    {type:"Cat", name:"Tiger"},

    {type:"Dog", name:"Rover"}, 

    {type:"Cat", name:"Leo"}

];

    

const grouped = groupBy(pets, pet => pet.type);

    

console.log(grouped.get("Dog")); // -> [{type:"Dog", name:"Spot"}, {type:"Dog", name:"Rover"}]

console.log(grouped.get("Cat")); // -> [{type:"Cat", name:"Tiger"}, {type:"Cat", name:"Leo"}]

Answer 3

与ES6：

const groupBy = (items, key) => items.reduce(
  (result, item) => ({
    ...result,
    [item[key]]: [
      ...(result[item[key]] || []),
      item,
    ],
  }), 
  {},);