如何使用'reduce()”方法按键对 JavaScript 对象进行分组？

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

按特定键对对象数组进行分组是编程中的一项常见任务，尤其是在使用数据集。实现此目的的一种有效方法是通过 reduce() 方法。

在 JavaScript 中，您可以按照以下步骤操作：

1. 声明一个对象数组：假设您有一个汽车对象数组，类似于问题：

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' },
];

2. 初始化一个对象作为累加器：创建一个空对象，作为reduce()方法的累加器。该对象将存储分组的值。

const groupedCars = {};

3. 使用reduce()迭代数组：在 cars 数组上使用reduce()方法迭代每个对象。 reduce() 函数采用两个参数：

• accumulator: 步骤 2 中创建的对象。
• currentElement:当前正在迭代的对象

4. 将对象添加到累加器：在reduce()方法中，检查当前的make属性是否作为累加器对象中的属性存在。如果不存在，则在该属性处创建一个新数组。然后，将 currentElement 推入创建的数组中。此过程根据对象的品牌有效地对对象进行分组。

const groupedCars = cars.reduce((accumulator, currentElement) => {
  const make = currentElement.make;

  if (!accumulator[make]) {
    accumulator[make] = [];
  }

  accumulator[make].push(currentElement);

  return accumulator;
}, {});

5. 返回分组的对象：reduce() 方法返回累积的对象，其中包含分组的对象
6. 记录分组结果：您可以将分组对象记录到控制台验证输出。

console.log(groupedCars);

此方法使用 vanilla JavaScript 并提供一种基于指定键对对象进行分组的结构化方法，并使用分组值创建一个新对象。

以上是如何使用'reduce()”方法按键对 JavaScript 对象进行分组？的详细内容。更多信息请关注PHP中文网其他相关文章！