化繁为简，用reduce轻松掌握数组操作

2023-10-17 18:42:41

reduce()方法概述

reduce()方法的基本语法如下：

array.reduce(callbackFunction, initialValue)

其中：

array：要操作的数组。
callbackFunction：一个函数，它将数组中的每个元素作为参数，并返回一个新值。
initialValue：一个可选的初始值，它将作为reduce()方法的第一次迭代的累积值。

reduce()方法通过对数组中的每个元素进行累积运算来实现其功能。它从数组的第一个元素开始，将其与initialValue进行callbackFunction运算，并将结果作为下一次迭代的累积值。这种过程一直持续到数组的最后一个元素，最终返回一个单一的返回值。

reduce()方法的用法

reduce()方法可以被用于各种各样的数组操作，如：

求和：

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue);
console.log(sum); // 输出：15

求平均值：

const numbers = [1, 2, 3, 4, 5];
const average = numbers.reduce((accumulator, currentValue) => accumulator + currentValue) / numbers.length;
console.log(average); // 输出：3

查找最大值：

const numbers = [1, 2, 3, 4, 5];
const max = numbers.reduce((accumulator, currentValue) => Math.max(accumulator, currentValue));
console.log(max); // 输出：5

查找最小值：

const numbers = [1, 2, 3, 4, 5];
const min = numbers.reduce((accumulator, currentValue) => Math.min(accumulator, currentValue));
console.log(min); // 输出：1

过滤数组：

const numbers = [1, 2, 3, 4, 5];
const filteredNumbers = numbers.reduce((accumulator, currentValue) => {
  if (currentValue % 2 === 0) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);
console.log(filteredNumbers); // 输出：[2, 4]

映射数组：

const numbers = [1, 2, 3, 4, 5];
const mappedNumbers = numbers.reduce((accumulator, currentValue) => {
  accumulator.push(currentValue * 2);
  return accumulator;
}, []);
console.log(mappedNumbers); // 输出：[2, 4, 6, 8, 10]