无突变：

const groupBy = (xs, key) => xs.reduce((acc, x) => Object.assign({}, acc, {
  [x[key]]: (acc[x[key]] || []).concat(x)
}), {})

console.log(groupBy(['one', 'two', 'three'], 'length'));
// => {3: ["one", "two"], 5: ["three"]}

此解决方案采用任意函数（而不是键），因此比上述解决方案更灵活，并允许箭头函数，这与LINQ中使用的lambda表达式类似：

Array.prototype.groupBy = function (funcProp) {
    return this.reduce(function (acc, val) {
        (acc[funcProp(val)] = acc[funcProp(val)] || []).push(val);
        return acc;
    }, {});
};

注意：是否要扩展Array的原型取决于您。

大多数浏览器支持的示例：

[{a:1,b:"b"},{a:1,c:"c"},{a:2,d:"d"}].groupBy(function(c){return c.a;})

使用箭头函数（ES6）的示例：

[{a:1,b:"b"},{a:1,c:"c"},{a:2,d:"d"}].groupBy(c=>c.a)

以上两个示例都返回：

{
  "1": [{"a": 1, "b": "b"}, {"a": 1, "c": "c"}],
  "2": [{"a": 2, "d": "d"}]
}

您可以在数组上使用forEach并构造一组新的项。以下是如何使用FlowType注释实现这一点

// @flow

export class Group<T> {
  tag: number
  items: Array<T>

  constructor() {
    this.items = []
  }
}

const groupBy = (items: Array<T>, map: (T) => number) => {
  const groups = []

  let currentGroup = null

  items.forEach((item) => {
    const tag = map(item)

    if (currentGroup && currentGroup.tag === tag) {
      currentGroup.items.push(item)
    } else {
      const group = new Group<T>()
      group.tag = tag
      group.items.push(item)
      groups.push(group)

      currentGroup = group
    }
  })

  return groups
}

export default groupBy

玩笑测试可以是这样的

// @flow

import groupBy from './groupBy'

test('groupBy', () => {
  const items = [
    { name: 'January', month: 0 },
    { name: 'February', month: 1 },
    { name: 'February 2', month: 1 }
  ]

  const groups = groupBy(items, (item) => {
    return item.month
  })

  expect(groups.length).toBe(2)
  expect(groups[1].items[1].name).toBe('February 2')
})

/***数组分组依据*@类别数组*@function arrayGroupBy*@return｛object｝｛“fieldName”：〔｛…｝〕，…｝*@静态*@作者hht*@param｛string｝｝密钥组密钥*@param｛array｝数据数组**@示例01* --------------------------------------------------------------------------*从“@xx/utils”导入｛arrayGroupBy｝；*常量数组=[* {*type：'资产'，*name:'zhangsan'，*年龄：33岁，* },* {*类型：'config'，*name:“a”，*年龄：13岁，* },* {*类型：'run'，*名称：'lisi'，*年龄：“3”，* },* {*类型：'xx'，*name:'timo'，*年龄：'4'，* },*];*arrayGroupBy（array，'type'，）；**结果：{*资产：[{年龄：'33'，名称：'zhangsan'，类型：'assets'}]，*config:[｛age:“13”，名称：“a”，类型：“config”｝]，*运行：[｛age:“3”，名称：“lisi”，类型：“run”｝]，*xx:[｛age:“4”，名称：“timo”，类型：“xx”｝]，* };**@example示例02 null* --------------------------------------------------------------------------*常量数组=空；*arrayGroupBy（数组，“类型”）；**结果：｛｝**@example示例03键取消绑定* --------------------------------------------------------------------------*常量数组=[* {*type：'资产'，*name:'zhangsan'，*年龄：33岁，* },* {*类型：'config'，*name:“a”，*年龄：13岁，* },* {*类型：'run'，*名称：'lisi'，*年龄：“3”，* },* {*类型：'xx'，*name:'timo'，*年龄：'4'，* },*];*arrayGroupBy（数组，“xx”）；** {}**/const arrayGroupBy=（data，key）=>{if（！data||！Array.isArray（data））返回｛｝；常量groupObj={}；data.forEach（（项）=>{if（！item[key]）返回；const fieldName=项[key]；if（！groupObj[fieldName]）{groupObj[fieldName]=[item]；回来}groupObj[fieldName].push（项）；});返回groupObj；};常量数组=[{type：'资产'，name:'zhangsan'，年龄：33岁，},{类型：'config'，name:“a”，年龄：13岁，},{类型：'run'，名称：'lisi'，年龄：“3”，},{类型：'run'，名称：“wangmazi”，年龄：“3”，},{类型：'xx'，name:'timo'，年龄：'4'，},];console.dir（arrayGroupBy（array，'type'））<p>description（'arrayGroupBy match'，（）=>{常量数组=[{type：'资产'，name:'zhangsan'，年龄：33岁，},{类型：'config'，name:“a”，年龄：13岁，},{类型：'run'，名称：'lisi'，年龄：“3”，},{类型：'xx'，name:'timo'，年龄：'4'，},];测试（'arrayGroupBy…'，（）=>{常量结果={资产：[{年龄：'33'，名称：'zhangsan'，类型：'assets'}]，config:[｛age:“13”，名称：“a”，类型：“config”｝]，运行：[｛age:“3”，名称：“lisi”，类型：“run”｝]，xx:[｛age:“4”，名称：“timo”，类型：“xx”｝]，};expect（arrayGroupBy（array，'type'））.toEqual（result）；});test（'arrayGroupBy不匹配..'，（）=>{//结果expect（arrayGroupBy（array，'xx'））.toEqual（{}）；});test（'arrayGroupBy null'，（）=>{let数组=空；expect（arrayGroupBy（array，'type'））.toEqual（｛｝）；});test（'arrayGroupBy undefined'，（）=>{let array=未定义；expect（arrayGroupBy（array，'type'））.toEqual（｛｝）；});test（'arrayGroupBy空'，（）=>{let数组=[]；expect（arrayGroupBy（array，'type'））.toEqual（｛｝）；});});</p>

使用linq.js可能更容易做到这一点，它是linq在JavaScript（DEMO）中的真正实现：

var linq = Enumerable.From(data);
var result =
    linq.GroupBy(function(x){ return x.Phase; })
        .Select(function(x){
          return {
            Phase: x.Key(),
            Value: x.Sum(function(y){ return y.Value|0; })
          };
        }).ToArray();

结果：

[
    { Phase: "Phase 1", Value: 50 },
    { Phase: "Phase 2", Value: 130 }
]

或者，更简单地使用基于字符串的选择器（DEMO）：

linq.GroupBy("$.Phase", "",
    "k,e => { Phase:k, Value:e.Sum('$.Value|0') }").ToArray();

基于@Ceasar Bautista的原始想法，我修改了代码并使用typescript创建了一个groupBy函数。

static groupBy(data: any[], comparator: (v1: any, v2: any) => boolean, onDublicate: (uniqueRow: any, dublicateRow: any) => void) {
    return data.reduce(function (reducedRows, currentlyReducedRow) {
      let processedRow = reducedRows.find(searchedRow => comparator(searchedRow, currentlyReducedRow));

      if (processedRow) {
        // currentlyReducedRow is a dublicateRow when processedRow is not null.
        onDublicate(processedRow, currentlyReducedRow)
      } else {
        // currentlyReducedRow is unique and must be pushed in the reducedRows collection.
        reducedRows.push(currentlyReducedRow);
      }

      return reducedRows;
    }, []);
  };

此函数接受一个回调（比较器）和一个第二个回调（onDuplicate），该回调比较行并查找副本。

用法示例：

data = [
    { name: 'a', value: 10 },
    { name: 'a', value: 11 },
    { name: 'a', value: 12 },
    { name: 'b', value: 20 },
    { name: 'b', value: 1 }
  ]

  private static demoComparator = (v1: any, v2: any) => {
    return v1['name'] === v2['name'];
  }

  private static demoOnDublicate = (uniqueRow, dublicateRow) => {
    uniqueRow['value'] += dublicateRow['value'];    
  };

使命感

groupBy(data, demoComparator, demoOnDublicate) 

将执行计算值和的分组。

{name: "a", value: 33}
{name: "b", value: 21}

我们可以根据项目的需要创建任意多个回调函数，并根据需要聚合这些值。在一个例子中，我需要合并两个数组，而不是求和数据。