在Joseph Nields的回答之后，有一个polyfill用于将对象分组https://github.com/padcom/array-prototype-functions#arrayprototypegroupbyfieldormapper.因此，您可能希望使用现有的内容，而不是一次又一次地编写这些内容。

ES6基于reduce的版本，支持iteratee函数。

如果未提供iteratee函数，则工作正常：

const data＝〔｛id:1，得分：2｝，｛id:1，得分：3｝，{id:2，得分：2}，｛id：2，得分：4｝〕常量组=（arr，k）=>arr.reduce（（r，c）=>（r[c[k]]=[…r[c[k]]||[]，c]，r），{}）；常量组By=（arr，k，fn=（）=>真）=>arr.reduce（（r，c）=>（fn（c[k]）？r[c[k]]=[…r[c[k]]| |[]，c]：null，r），{}）；console.log（group（data，'id'））//通过`reduce分组`console.log（groupBy（data，'id'））//如果省略了“fn”，则结果相同console.log（groupBy（data，'score'，x=>x>2））//使用iteratee分组

关于OP问题：

const data＝〔｛阶段：“阶段1”，步骤：“步骤1”，任务：“任务1”，值：“5”｝，｛阶段“阶段1“，步骤：”步骤1“，任务：”任务2“，值：”10“｝，{阶段：”阶段1“、步骤：”阶段2“，任务1“，值“15”｝、｛阶段”阶段1”、步骤：“阶段2”、任务：”“任务2”、值：”20“｝、{阶段“2”，步骤“步骤：”“步骤1“、任务：“1”、值“25”｝，｛阶段：“阶段2”，步骤：“步骤1”，任务：“任务2”，值：“30”｝，｛阶段：“阶段2”，步骤：“步骤2”，任务：“任务1”，值：”35“｝，{阶段：”阶段2“，步骤：”步骤2“，任务：”任务2“，值：：”40“｝]常量组By=（arr，k）=>arr.reduce（（r，c）=>（r[c[k]]=[…r[c[k]]||[]，c]，r），{}）；常量组With=（arr，k，fn=（）=>真）=>arr.reduce（（r，c）=>（fn（c[k]）？r[c[k]]=[…r[c[k]]| |[]，c]：null，r），{}）；console.log（groupBy（数据，'Phase'））console.log（groupWith（data，'Value'，x=>x>30））//按`Value`>30分组

另一个ES6版本，它反转分组，将值用作键，将键用作分组值：

常量数据=[｛A:“1”｝，｛B:“10”｝、｛C:“10”}]常量组键=arr=>arr.reduce（（r，c）=>（Object.keys（c）.map（x=>r[c[x]]=[…r[c[x]]||[]，x]），r），{}）；console.log（groupKeys（数据））

注意：函数以简短的形式（一行）发布，目的是为了简洁，并仅表达想法。您可以展开它们并添加其他错误检查等。

常量动物=[{type：'狗'，品种：“水坑”},{type：'狗'，品种：“拉布拉多”},{类型：'cat'，品种：“暹罗”},{type：'狗'，品种：“法国斗牛犬”},{类型：'cat'，品种：'泥'}];var groupBy=（arr，prop）=>{return arr.reduce（（objs，obj）=>{const key=obj[prop]；if（键）{让fi=objs.findIndex（x=>x.key==key）；如果（fi>=0）{objs[fi].values=[…objs[fi].values，obj]；}其他{对象.推送({key：键，值：[obj]})}}返回对象；}, []);}console.log（groupBy（动物，“类型”））

var arr = [ 
    { Phase: "Phase 1", `enter code here`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" }
];

创建并清空对象。循环遍历arr并添加使用Phase作为obj的唯一键。在循环遍历arr时，保持更新obj中的键总数。

const obj = {};
arr.forEach((item) => {
  obj[item.Phase] = obj[item.Phase] ? obj[item.Phase] + 
  parseInt(item.Value) : parseInt(item.Value);
});

结果如下：

{ "Phase 1": 50, "Phase 2": 130 }

循环通过obj形成表单和resultArr。

const resultArr = [];
for (item in obj) {
  resultArr.push({ Phase: item, Value: obj[item] });
}
console.log(resultArr);

这里有一个使用ES6的讨厌的、难以阅读的解决方案：

export default (arr, key) => 
  arr.reduce(
    (r, v, _, __, k = v[key]) => ((r[k] || (r[k] = [])).push(v), r),
    {}
  );

对于那些询问这是如何工作的人，这里有一个解释：

在这两个=>中，您可以获得免费回报Array.prototype.reduce函数最多包含4个参数。这就是为什么要添加第五个参数，这样我们就可以使用默认值在参数声明级别为组（k）创建一个廉价的变量声明。（是的，这是巫术）如果我们的当前组在上一次迭代中不存在，我们将创建一个新的空数组（（r[k]||（r[k]=[]））。这将计算到最左边的表达式，换句话说，一个现有数组或一个空数组，这就是为什么在该表达式之后会立即推送，因为无论哪种方式都会得到一个数组。当有一个返回时，逗号运算符将丢弃最左边的值，返回该场景中经过调整的前一组。

更容易理解的版本是：

export default (array, key) => 
  array.reduce((previous, currentItem) => {
    const group = currentItem[key];
    if (!previous[group]) previous[group] = [];
    previous[group].push(currentItem);
    return previous;
  }, {});

编辑：

TS版本：

const groupBy = <T, K extends keyof any>(list: T[], getKey: (item: T) => K) =>
  list.reduce((previous, currentItem) => {
    const group = getKey(currentItem);
    if (!previous[group]) previous[group] = [];
    previous[group].push(currentItem);
    return previous;
  }, {} as Record<K, T[]>);

data = [{id:1, name:'BMW'}, {id:2, name:'AN'}, {id:3, name:'BMW'}, {id:1, name:'NNN'}]
key = 'id'//try by id or name
data.reduce((previous, current)=>{
    previous[current[key]] && previous[current[key]].length != 0 ? previous[current[key]].push(current) : previous[current[key]] = new Array(current)
    return previous;
}, {})