JavaScript Object.groupBy()
示例
// 创建一个数组
const fruits = [
{name:"apples", quantity:300},
{name:"bananas", quantity:500},
{name:"oranges", quantity:200},
{name:"kiwi", quantity:150}
];
// 回调函数对元素进行分组
function myCallback({ quantity }) {
return quantity > 200 ? "ok" : "low";
}
// 按数量分组
const result = Object.groupBy(fruits, myCallback);
尝试一下 »
描述
Object.groupBy() 方法根据回调函数返回的字符串值对对象元素进行分组。
Object.groupBy() 方法不会更改原始对象。
注意
原始对象和返回对象中的元素相同。
更改将反映在原始对象和返回对象中。
Object.groupBy() 与 Map.groupBy() 的区别
Object.groupBy() 和 Map.groupBy() 之间的区别是
Object.groupBy() 将元素分组到 JavaScript 对象中。
Map.groupBy() 将元素分组到 Map 对象中。
语法
Object.groupBy(iterable, callback)
参数
| 参数 | 描述 |
| iterable | 必需。 可迭代的数组或映射。 |
| callback | 必需。 对每个元素执行的函数。 该函数应返回元素的组名称。 |
返回值
| 类型 | 描述 |
| 迭代器 | 包含分组元素的可迭代对象。 |
浏览器支持
Object.groupby() 是 ES2024 特性。
自 2024 年 3 月起，它在所有现代浏览器中完全受支持
| Chrome 117 | Edge 117 | Firefox 119 | Safari 17.4 | Opera 103 |
| 2023 年 9 月 | 2023 年 9 月 | 2023 年 10 月 | 2024 年 10 月 | 2023 年 5 月 |
