**深入理解 Array.prototype.reduce() 的执行过程

2023-12-04 00:54:24

reduce() 的作用和语法

reduce() 方法用于对数组中的元素进行累积运算，将数组中的所有元素组合成一个单一的值。其语法如下：

reduce(callback(accumulator, currentValue, currentIndex, array) [, initialValue])

callback：一个回调函数，对数组中的每个元素执行一次，该函数接受四个参数：
- accumulator：累加器，存放每次回调函数执行的结果，作为下一次回调函数的参数。
- currentValue：当前数组元素的值。
- currentIndex：当前数组元素的索引。
- array：调用 reduce() 的数组。
initialValue（可选）：一个初始值，作为第一次执行回调函数时的 accumulator 的值。如果未提供 initialValue，则使用数组的第一个元素作为 accumulator 的初始值。

reduce() 的执行过程

reduce() 的执行过程如下：

如果提供了 initialValue，则将其作为累加器的初始值。
否则，使用数组的第一个元素作为累加器的初始值。
从数组的第二个元素开始，依次对数组中的每个元素执行回调函数。
在每次执行回调函数时，将当前累加器的值、当前数组元素的值、当前数组元素的索引以及调用 reduce() 的数组作为参数传递给回调函数。
回调函数返回一个值，作为下一次执行回调函数时的累加器的值。
重复步骤 3 和 4，直到数组中的所有元素都被处理完毕。
将最终的累加器值返回。

reduce() 的代码示例

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

// 计算数组元素的和
const sum = numbers.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0);

console.log(sum); // 15

// 求数组元素的最大值
const max = numbers.reduce((accumulator, currentValue) => {
  return Math.max(accumulator, currentValue);
}, Number.MIN_VALUE);

console.log(max); // 5

// 将数组元素连接成一个字符串
const str = numbers.reduce((accumulator, currentValue) => {
  return accumulator + currentValue.toString();
}, "");

console.log(str); // "12345"