Underscore.js _.groupBy函数介绍

在开发中，我们有时需要将一个数组按照某个属性进行分组。这时候，我们可以使用Underscore.js函数库中的 _.groupBy函数。

函数介绍

_.groupBy函数是Underscore.js中的一个高阶函数，它可以将一个集合中的数据按照指定的规则进行分组。它的语法如下:

_.groupBy(list, iterator, context)

参数说明：

• list: 要进行分组的集合，可以是数组、对象、类数组对象等；
• iterator: 迭代器函数，用来计算每个元素在分组中的位置的函数；
• context: 迭代器函数的上下文对象，可选参数。

函数特性

_.groupBy函数的几个特性如下：

1. 参数list可以是任意一个JavaScript对象，不仅限于数组；
2. 参数iterator可以是一个字符串、一个函数、一个数字等类型；
3. 分组结果以对象形式返回，键名为迭代器函数计算后的值，键值为符合该键名分组的元素组成的子集数组。

函数示例

下面是一个示例，展示如何使用_.groupBy函数:

var data = [
  {name: 'james', age: 28},
  {name: 'david', age: 28},
  {name: 'mike', age: 27},
  {name: 'susan', age: 25},
  {name: 'mary', age: 27},
];

var result = _.groupBy(data, 'age');

console.log(result);

上面的代码中，我们有一个数组data，其中包含有5个人的信息。我们将数据按照年龄进行分组，然后将结果打印出来。结果如下：

{
  "25": [{"name":"susan","age":25}],
  "27": [{"name":"mike","age":27},{"name":"mary","age":27}],
  "28": [{"name":"james","age":28},{"name":"david","age":28}]
}

可以看出，我们将数据按照年龄进行了分组，每个键名代表了一组数据的年龄，键值是符合该年龄的人的信息组成的数组。

注意事项

在使用_.groupBy函数时需要注意以下几点：

1. 如果要使用iterator为一个函数，需要保证该函数能够正确地进行元素分组，否则会造成分组错误。
2. 参数context可以不传，如果传递了context，则在iterator函数中的this指向context。

总结

_.groupBy函数是Underscore.js中的一个高阶函数，可以方便快捷地将一个集合按照指定规则进行分组。它的特性包括：list参数可以是任意的JavaScript对象类型，iterator可以是不同类型，返回的结果以对象形式返回。在使用时需要注意参数传递和iterator函数的正确性。