在前端开发中，我们经常需要对数组进行分组处理。而 npm 已经提供了一个非常好用的工具包 group-array-items，可以帮助我们轻松地完成数组分组操作。
本文将详细介绍如何使用 npm 包 group-array-items 进行数组分组处理，并通过示例代码进行演示和说明。
安装
使用 npm 包管理器可以轻松地安装 group-array-items，只需在终端中输入以下命令：
npm install group-array-items
安装完成后，在项目中引入该模块即可开始使用它。
使用
group-array-items 主要有两个方法可供使用，分别如下：
- group(items, key)
- groupBy(items, key)
其中，items 是要进行分组的数组，key 是用于分组的属性名称。
1. group
group 方法可以将数组按照指定属性名称进行分组，并返回一个由分组后的数组组成的对象。例如：
-- -------------------- ---- ------- ----- ---------- - ----------------------------- ----- ------ - - - ----- -------- ---- -- -- - ----- ------- ---- -- -- - ----- ------ ---- -- -- - ----- -------- ---- -- -- -- ----- ------ - ------------------------ ------- --------------------
输出结果为：
{ '18': [ { name: 'Marry', age: 18 }, { name: 'Alice', age: 18 } ],
'21': [ { name: 'Jack', age: 21 }, { name: 'Tom', age: 21 } ] }可以看到，输出的结果是一个对象，其中属性名就是我们指定的属性值，属性值则是由该属性值相同的数组元素组成的数组。这样，我们就将数组 items 按照 key 进行了分组。
2. groupBy
groupBy 方法与 group 方法的作用类似，也是按照指定属性名称进行分组，只不过返回的是一个 Map 对象。例如：
-- -------------------- ---- ------- ----- ---------- - ----------------------------- ----- ------ - - - ----- -------- ---- -- -- - ----- ------- ---- -- -- - ----- ------ ---- -- -- - ----- -------- ---- -- -- -- ----- ------ - -------------------------- ------- --------------------
输出结果为：
Map {
18 => [ { name: 'Marry', age: 18 }, { name: 'Alice', age: 18 } ],
21 => [ { name: 'Jack', age: 21 }, { name: 'Tom', age: 21 } ]
}可以看到，输出的结果是一个 Map 对象，其中 Map 的 key 是我们指定的属性值，value 则是由该属性值相同的数组元素组成的数组。
示例代码
以下是进一步演示如何使用 group-array-items 的示例代码：
-- -------------------- ---- ------- ----- ---------- - ----------------------------- ----- ------ - - - ----- -------- ----- -------- ------ ----- -- - ----- --------- ----- -------- ------ -------- -- - ----- --------- ----- ------------ ------ -------- -- - ----- ----------- ----- ------------ ------ ------- -- - ----- --------- ----- ------------ ------ ----- -- - ----- ------------ ----- -------- ------ -------- - -- -- -- ---- ---- ----- ------ - ------------------------ -------- -------------------- -- -- ----- ---- ----- ------------- - -------------------------- --------- ---------------------------
输出结果为：
-- -------------------- ---- -------
-
------ -
- ----- -------- ----- -------- ------ ----- --
- ----- --------- ----- -------- ------ -------- --
- ----- ------------ ----- -------- ------ -------- -
--
---------- -
- ----- --------- ----- ------------ ------ -------- --
- ----- ----------- ----- ------------ ------ ------- --
- ----- --------- ----- ------------ ------ ----- -
-
-
--- -
----- -- -
- ----- -------- ----- -------- ------ ----- --
- ----- --------- ----- ------------ ------ ----- -
--
-------- -- -
- ----- --------- ----- -------- ------ -------- --
- ----- ------------ ----- -------- ------ -------- -
--
-------- -- - - ----- --------- ----- ------------ ------ -------- - --
------- -- - - ----- ----------- ----- ------------ ------ ------- - -
-总结
group-array-items 是一个非常实用的 npm 包，可以帮助我们轻松地完成数组分组操作。本文介绍了如何使用该包进行数组分组，同时提供了示例代码进行演示和说明。希望本文能为前端开发者在实际开发中提供帮助和指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056ce481e8991b448e696e