lodash 的 _.groupBy 函数是怎么实现的？

本文介绍: 🎈lodash的_.groupBy函数可以将一个数组按照给定的函数分组，返回一个新对象。该函数接收两个参数：第一个参数是要进行分组的数组，第二个参数是用于分组的函数。该函数会对数组中的每个元素进行处理，返回一个值作为分组依据。最终返回的对象中，每个键代表一组，对应的值则是符合该组的元素组成的数组。.groupBy函数的主要作用是方便对数组中的元素进行分类或分组，并且在分组后可以方便地对每个组内的元素进行处理，比如统计数量、求平均值等。同时，由于lodash库已经封装了大量的常用函数，使用.group

编写一段可应用于所有数组的代码，使任何数组调用 array. groupBy(fn) 方法时，它返回对该数组分组后的结果。

数组分组是一个对象，其中的每个键都是 fn(arr[i]) 的输出的一个数组，该数组中含有原数组中具有该键的所有项。

提供的回调函数 fn 将接受数组中的项并返回一个字符串类型的键。

每个值列表的顺序应该与元素在数组中出现的顺序相同。任何顺序的键都是可以接受的。

示例 1：

输入：
array = [
  {"id":"1"},
  {"id":"1"},
  {"id":"2"}
], 
fn = function (item) { 
  return item.id; 
}
输出：
{ 
  "1": [{"id": "1"}, {"id": "1"}],   
  "2": [{"id": "2"}] 
}
解释：
输出来自函数 array.groupBy(fn)。
分组选择方法是从数组中的每个项中获取 "id" 。
有两个 "id" 为 1 的对象。所以将这两个对象都放在第一个数组中。
有一个 "id" 为 2 的对象。所以该对象被放到第二个数组中。

示例 2：

输入：
array = [
  [1, 2, 3],
  [1, 3, 5],
  [1, 5, 9]
]
fn = function (list) { 
  return String(list[0]); 
}
输出：
{ 
  "1": [[1, 2, 3], [1, 3, 5], [1, 5, 9]] 
}
解释：
数组可以是任何类型的。在本例中，分组选择方法是将键定义为数组中的第一个元素。
所有数组的第一个元素都是1，所以它们被组合在一起。
{
  "1": [[1, 2, 3], [1, 3, 5], [1, 5, 9]]
}

输出：
array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
fn = function (n) { 
  return String(n > 5);
}
输入：
{
  "true": [6, 7, 8, 9, 10],
  "false": [1, 2, 3, 4, 5]
}
解释：
分组选择方法是根据每个数字是否大于 5 来分割数组。

/**
 * @param {Function} fn
 * @return {Object}
 */
Array.prototype.groupBy = function(fn) {
    // 检查参数类型
    if (typeof fn !== 'function') {
      throw new TypeError('The parameter must be a function.');
    }
    const map = {};
    this.forEach(item => {
      const key = fn(item);
      const val = map[key] || [];
      val.push(item);
      map[key] = val;
    });
    return map;
  };

/**
 * [1,2,3].groupBy(String) // {"1":[1],"2":[2],"3":[3]}
 */