使用array.reduce计算对象数组中的出现次数

Array.prototype.reduce() 是 JavaScript 中的一个高阶函数，用于将数组中的元素通过一个累加器函数累积成一个单一的值。在计算对象数组中元素的出现次数时，reduce() 函数非常有用。

基础概念

reduce() 方法接收两个参数：

回调函数（reducer function），它本身接收四个参数：
- 累加器（accumulator），累积回调的返回值。
- 当前值（currentValue），数组中正在处理的当前元素。
- 当前索引（currentIndex），数组中正在处理的当前元素的索引。
- 源数组（sourceArray），调用 reduce() 的数组。

初始值（initialValue），可选参数，作为第一次调用回调函数时的第一个参数。

应用场景

计算对象数组中某个属性的出现次数。

示例代码

假设我们有一个对象数组，每个对象都有一个 category 属性，我们想要计算每个类别的出现次数：

const items = [
  { name: 'apple', category: 'fruit' },
  { name: 'banana', category: 'fruit' },
  { name: 'carrot', category: 'vegetable' },
  { name: 'lettuce', category: 'vegetable' },
  { name: 'grape', category: 'fruit' }
];

const categoryCounts = items.reduce((accumulator, currentItem) => {
  // 如果累加器中已经有这个类别，则增加计数
  if (accumulator[currentItem.category]) {
    accumulator[currentItem.category]++;
  } else {
    // 否则，初始化计数为1
    accumulator[currentItem.category] = 1;
  }
  return accumulator;
}, {}); // 初始值为空对象

console.log(categoryCounts);
// 输出: { fruit: 3, vegetable: 2 }

解释

在这个例子中，reduce() 方法遍历 items 数组，并使用一个对象作为累加器来跟踪每个类别的出现次数。对于数组中的每个元素，它检查累加器对象是否已经有该类别的键。如果有，它增加该键的值；如果没有，它创建一个新的键并将值设置为1。

遇到的问题及解决方法

问题： 如果数组中的对象属性可能不存在或者不是预期的类型，reduce() 方法可能会抛出错误。

解决方法： 在访问对象属性之前，可以使用逻辑与操作符 && 或可选链操作符 ?. 来确保属性存在，并且是正确的类型。

const safeCategoryCounts = items.reduce((accumulator, currentItem) => {
  const category = currentItem.category;
  if (category && typeof category === 'string') {
    accumulator[category] = (accumulator[category] || 0) + 1;
  }
  return accumulator;
}, {});

console.log(safeCategoryCounts);

在这个修改后的版本中，我们在增加计数之前检查 category 是否存在并且是一个字符串，这样可以避免因为属性不存在或类型不正确而导致的问题。

通过这种方式，reduce() 方法提供了一种简洁而强大的方式来处理数组中的数据聚合任务。