ECMAScript 2021（简称 ES12）是 JavaScript 的最新标准，其中新增了许多有用的方法。其中一个有趣且实用的方法是 Array.prototype.groupBy，它可以方便地将数组元素按照指定规则分组，让数据处理更加简单高效。
本文将着重介绍 Array.prototype.groupBy 方法的使用，包括语法、返回值、应用场景等方面，并提供一些示例代码，帮助读者更好地理解该方法的实际应用。
语法
Array.prototype.groupBy 方法的语法如下：
------------------------ ---------
其中，callback 是一个函数，它接收数组的每个元素和 index 作为参数，返回一个字符串或者数字，表示该元素所属的分组。thisArg 是可选的，表示在调用 callback 时使用的 this 值。
返回值
Array.prototype.groupBy 方法的返回值是一个对象，该对象的键是 callback 返回值的不同取值，值是一个数组，包含了所有 callback 返回该值的元素。
应用场景
Array.prototype.groupBy 方法可以用于多种场景。例如，处理从服务器获取的数据时，如果需要按照某个属性进行分组，可以使用该方法；或者处理多个事项时，需要将相同的事项进行分组。
下面是几个实际应用场景的示例：
1. 按照月份分组
以下示例将一个日期数组按照月份分组：
----- ----- - - ------------- ------------- ------------- ------------- ------------- ------------ -- ----- ------ - ------------------ -- ------------- ---- -------------------- -- - ---------- - ------------- ------------ -- -- ---------- - ------------- ------------ -- -- ---------- - ------------- ------------ - -
2. 按照属性分组
以下示例将一个对象数组按照某个属性进行分组：
----- -------- - - - ----- ------ ------ -- -- - ----- -------- ------ -- -- - ----- -------- ------ -- -- - ----- ------- ------ -- - -- ----- ------ - ------------------------ -- --------------- -------------------- -- - ----- - - ----- ------ ------ -- -- - ----- -------- ------ -- - -- -- ----- - - ----- -------- ------ -- -- - ----- ------- ------ -- - - -
3. 按照奇偶性分组
以下示例将一个数字数组按照奇偶性进行分组：
----- ------- - --- -- -- -- -- --- ----- ------ - ---------------------- -- ------ - - --- - - ------ - ------- -------------------- -- - ------ - -- -- - -- ------- - -- -- - - -
结论
Array.prototype.groupBy 方法是一个非常有用的数组处理方法，可以避免我们自行编写循环分组的过程，减少代码量，提高效率。在实际应用中，我们可以根据需要灵活运用该方法，在处理数据时更加简洁高效。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672981512e7021665e24b5c8