如何使用 Lodash 或纯 JavaScript 按键有效地对 JavaScript 对象进行分组？

使用 JavaScript 和 Lodash 按键对对象进行分组

根据特定键对对象进行分组是处理数据数组时的一项常见任务。通过对共享公共属性的对象进行分组，我们可以更有效地组织和访问它们。

在纯 JavaScript 中实现此目的的一种方法是使用 Array#reduce 方法。以下代码片段说明了如何操作：

const cars = [{
    make: 'audi',
    model: 'r8',
    year: '2012'
}, {
    make: 'audi',
    model: 'rs5',
    year: '2013'
}, {
    make: 'ford',
    model: 'mustang',
    year: '2012'
}, {
    make: 'ford',
    model: 'fusion',
    year: '2015'
}, {
    make: 'kia',
    model: 'optima',
    year: '2012'
}];

const result = cars.reduce(function (r, a) {
    r[a.make] = r[a.make] || [];
    r[a.make].push(a);
    return r;
}, {});

console.log(result);

此代码使用 make 属性作为分组键。它迭代汽​​车数组并创建一个新对象，其键对应于唯一的 make 值。对于每个品牌，它都会创建或附加一个共享该品牌的汽车对象数组。

Lodash 还提供了一种使用 _.groupBy 函数对对象进行分组的简洁方法：

import { groupBy } from 'lodash';

const grouped = groupBy(cars, 'make');

groupBy函数接受两个参数：对象数组和分组依据的属性。它返回一个新对象，其中的键对应于指定属性的唯一值，值对应于共享该值的对象数组。

通过按键对对象进行分组，我们可以轻松访问相关数据并执行操作具有相似特征的对象组。该技术对于优化数据检索、过滤和数据可视化特别有用。

以上是如何使用 Lodash 或纯 JavaScript 按键有效地对 JavaScript 对象进行分组？的详细内容。更多信息请关注PHP中文网其他相关文章！