在前端开发过程中，我们经常需要对数据进行分组处理。npm 上有许多相关的包，其中比较常用的是 group-array。本文将介绍该包的使用方法，并提供详细的示例代码。
安装
可以通过以下命令安装 group-array：
npm install group-array
使用
group-array 提供了两种分组方式：按属性值分组和按函数返回值分组。
按属性值分组
假设有如下数组：
const data = [
{ name: 'Alice', age: 25, gender: 'F' },
{ name: 'Bob', age: 30, gender: 'M' },
{ name: 'Charlie', age: 35, gender: 'M' },
{ name: 'David', age: 40, gender: 'M' },
{ name: 'Eve', age: 45, gender: 'F' }
];要按照 gender 属性分组，可以这样写：
const groupArray = require('group-array');
const result = groupArray(data, 'gender');
console.log(result);打印结果如下：
-- -------------------- ---- -------
-
-- -
- ----- -------- ---- --- ------- --- --
- ----- ------ ---- --- ------- --- -
--
-- -
- ----- ------ ---- --- ------- --- --
- ----- ---------- ---- --- ------- --- --
- ----- -------- ---- --- ------- --- -
-
-可以看到，结果是一个对象，其中每个属性对应一个分组，属性值为一个数组，包含符合该分组条件的对象。
按函数返回值分组
如果要更复杂的分组方式，例如按照年龄分成三组：小于 30 岁、30 到 40 岁、大于 40 岁。这时就需要自定义一个函数来返回分组的 key：
-- -------------------- ---- -------
----- ---------- - -----------------------
-------- ---------------- -
----- --- - --------
-- ---- - --- -
------ ------ ----
- ---- -- ---- -- -- -- --- -- --- -
------ --------
- ---- -
------ ----- ----
-
-
----- ------ - ---------------- -------------
--------------------打印结果如下：
-- -------------------- ---- -------
-
------ ---- - - ----- -------- ---- --- ------- --- - --
-------- -
- ----- ------ ---- --- ------- --- --
- ----- ---------- ---- --- ------- --- --
- ----- -------- ---- --- ------- --- -
--
----- ---- - - ----- ------ ---- --- ------- --- - -
-同样可以看到，结果是一个对象，其中每个属性对应一个分组，属性值为一个数组，包含符合该分组条件的对象。
指导意义
group-array 可以方便地对数据进行分组处理，提高开发效率。了解其使用方法可以帮助我们更好地处理数据，并且可以避免重复造轮子。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49955