js数组方法reduce经典用法代码分享

当需要将一个数组中的所有元素进行计算并且结果为一个值时，可以使用 JavaScript 数组方法 reduce()。 reduce() 方法对数组中的每个元素依次执行提供的函数，前一个执行结果作为下一个执行的参数，直到数组被处理完并且返回一个计算结果。

下面是 reduce() 方法的语法:

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

参数解释:

• function(total, currentValue, currentIndex, arr): 必需。用于每个值的函数，他有 4 个参数:
• total: 必需。初始值, 或者计算结束之后返回的值。
• currentValue: 必需。当前元素
• currentIndex: 可选。当前元素的数组索引
• arr: 可选。当前元素所属的数组对象。
• initialValue: 可选。传递给函数的初始值。如果没有初始值，则将使用数组中的第一个元素作为初始值。

下面是一个使用 reduce() 方法计算数组元素和的例子:

const numbers = [175, 50, 25];
const result = numbers.reduce((total, currentValue) => total + currentValue);
console.log(result); // Output: 250

上述代码中，我们从 numbers 数组的第一个元素 175 开始将所有元素相加，最后得到结果 250。

下面是另一个例子，我们使用 reduce() 方法计算数组中每个元素出现的次数:

const fruits = ["apple", "banana", "apple", "orange", "banana", "banana"];
const result = fruits.reduce(function(obj, item) {
  if (!obj[item]) {
    obj[item] = 0;
  }
  obj[item]++;
  return obj;
}, {});
console.log(result); // Output: { apple: 2, banana: 3, orange: 1 }

上述代码中，我们对 fruits 数组中的每个元素进行迭代，并将出现次数存储在一个对象中，最终得到结果 { apple: 2, banana: 3, orange: 1 }。

希望这些示例能够帮助您理解 JavaScript 数组方法 reduce() 的经典用法。