介绍
group-array-by 是一个可以将数组按照给定的条件分组的 npm 包，它可以极大地方便我们在前端中进行数据处理和分组，提高开发效率。该包是使用 TypeScript 开发的，数据处理的方式也非常简单易懂。
安装
安装 group-array-by 的方式跟安装其他 npm 包一样简单：
npm install group-array-by
或者使用 yarn 安装：
yarn add group-array-by
用法
我们通过一些案例来学习如何使用 group-array-by。
根据属性分组
我们有一个包含不同种类的水果的数组，我们希望将这些水果按照它们的种类进行分组。
-- -------------------- ---- ------- ------ ------- ---- ----------------- ----- ------ - - ------ ----- ----- ------ ------ ----- ----- ------ ------ ------ ----- ------ ------ ----- ----- ------ ------ ------ ----- ------ ------ ----- ----- ----- -- ----- ------------- - --------------- --------
groupBy() 函数会将 fruits 数组按照 type 属性进行分组，返回值 groupedFruits 将会是一个包含三个数组的对象，每个数组代表一个种类的水果：
-- -------------------- ---- -------
-
----- -
------ ----- ----- ------
------ ----- ----- -----
--
----- -
------ ------ ----- ------
------ ----- ----- -----
--
----- -
------ ------ ----- ------
------ ----- ----- -----
-
-自定义分组条件
如果默认的属性分组无法满足我们的需求，我们可以自定义分组条件。
假设我们有一个学生列表，每个学生都有一个分数属性 score，现在我们想要将这些学生按照他们的分数进行分组，分组规则是 90 分以上为 A 组，80-89 分为 B 组，70-79 分为 C 组，60-69 分为 D 组，60 分以下为 E 组。
-- -------------------- ---- -------
------ ------- ---- -----------------
----- -------- - -
------ ----- ------ ----
------ ----- ------ ----
------ ----- ------ ----
------ ----- ------ ----
------ ----- ------ ----
------ ----- ------ ---
--
----- --------------- - ----------------- --------- -- -
-- -------------- -- --- -
------ ----
- ---- -- -------------- -- --- -
------ ----
- ---- -- -------------- -- --- -
------ ----
- ---- -- -------------- -- --- -
------ ----
- ---- -
------ ----
-
---
groupBy() 函数会将 students 数组按照自定义的分组条件进行分组，返回值 groupedStudents 将会是一个包含五个数组的对象，每个数组代表一个分组：
-- -------------------- ---- -------
-
---- -
------ ----- ------ ---
--
---- -
------ ----- ------ ---
--
---- -
------ ----- ------ ----
------ ----- ------ ---
--
---- -
------ ----- ------ ---
--
---- -
------ ----- ------ ---
-
-通过这个案例，我们可以看到 groupBy() 函数具有很强的灵活性，可以适应各种不同的数据处理需求。
总结
group-array-by 提供了一种简单而强大的方法来处理数据，并且提升了数据处理的效率和可读性。不管是按照属性还是自定义条件分组，都可以使用 group-array-by 快速轻松地完成任务。强烈推荐大家在前端开发中使用该 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557d281e8991b448d4dce