JavaScript在对象数组上分组的最有效方法

小编典典

JavaScript在对象数组上分组的最有效方法

javascript

在数组中对对象进行分组的最有效方法是什么？

例如，给定此对象数组：

[ 
    { 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，然后循环遍历生成的对象来自己做总计？

阅读 336

2020-04-22

共1个答案

小编典典

如果要避免使用外部库，则可以简洁地实现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"]}

2020-04-22