js数组reduce|极客笔记

js数组reduce

在JavaScript中，reduce()方法是数组对象上的一个高阶函数，它用于对数组中的所有元素执行一个指定的函数，并将其结果汇总为单个值。reduce()方法在处理数组时非常方便且功能强大，可以用来实现各种复杂的数据操作和计算。

语法

reduce()方法的语法如下所示：

array.reduce(function(accumulator, currentValue, currentIndex, array){
  // 执行某些操作
}, initialValue);

function(accumulator, currentValue, currentIndex, array)：一个用于执行的函数，它接收四个参数：
- accumulator：累加器，是上一次调用回调函数时的返回值或者是初始值(initialValue)。
- currentValue：当前正在处理的数组元素。
- currentIndex：当前正在处理的数组元素的索引。
- array：调用reduce()方法的数组。
initialValue（可选）：作为第一次调用callback函数的第一个参数，如果没有传入此参数，则默认使用数组的第一个元素作为初始值。

基本用法

下面我们来看一个简单的示例，通过reduce()方法计算数组中所有元素的和：

const numbers = [1, 2, 3, 4, 5];

const sum = numbers.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0);

console.log(sum); // 输出：15

在上面的示例中，我们定义了一个包含整数的数组numbers，然后通过reduce()方法计算出数组中所有元素的和，初始值为0。在每次迭代中，accumulator表示当前累加的结果，currentValue表示当前数组元素的值，通过累加得到最终的结果。

常见用途

计算数组中的最大值

通过reduce()方法可以方便地计算数组中的最大值，例如：

const numbers = [5, 2, 8, 1, 4];

const max = numbers.reduce((accumulator, currentValue) => {
  return Math.max(accumulator, currentValue);
}, 0);

console.log(max); // 输出：8

将数组中的元素转换为对象

可以使用reduce()方法将数组中的元素转换为一个对象，例如：

const fruits = ['apple', 'banana', 'cherry'];

const result = fruits.reduce((obj, item, index) => {
  obj[item] = index;
  return obj;
}, {});

console.log(result); // 输出：{ apple: 0, banana: 1, cherry: 2 }

按条件过滤数组

可以利用reduce()方法根据某个条件过滤数组中的元素，例如：

const ages = [20, 15, 30, 25, 18];

const adults = ages.reduce((accumulator, currentValue) => {
  if (currentValue >= 18) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);

console.log(adults); // 输出：[20, 30, 25, 18]