JS中reduce方法

JavaScript 中的 reduce 方法是一个非常强大的数组方法，它允许你对数组中的所有元素执行一个“reducer”函数，从而将数组“减少”到一个单一的值。以下是 reduce 方法的详细介绍：

语法

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

或者使用箭头函数：

array.reduce((accumulator, currentValue, currentIndex, array) => {// ... 执行操作 ...
}, initialValue);

参数

callback: 执行数组中每个值 (如果没有提供 initialValue 则第一个值除外) 的函数，包含四个参数：
- accumulator: 累计器累计回调的返回值; 它是上一次调用回调时返回的值，或者是提供的 initialValue（如果有提供）。
- currentValue: 数组中正在处理的当前元素。
- currentIndex（可选）: 数组中正在处理的当前元素的索引。如果提供了 initialValue，则起始索引为 0，否则为 1。
- array（可选）: 调用 reduce 的数组。
initialValue（可选）: 用作第一个调用 callback 函数时的第一个参数的值。如果没有提供初始值，则将数组中的第一个元素作为累加器的初始值，并且从第二个元素开始迭代。

描述

reduce 方法对数组中的每个元素执行一个由你提供的“reducer”回调函数（升序执行），将其结果“缩减”为单个返回值。

返回值

函数累计处理的结果。

示例

计算数组所有元素的总和

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

将数组元素连接成一个字符串

const words = ['Hello', 'World'];
const sentence = words.reduce((accumulator, currentValue) => accumulator + ' ' + currentValue, '');
console.log(sentence); // 输出: "Hello World"

将二维数组转换为一维数组

const arrays = [[1, 2, 3], [4, 5], [6]];
const flattenedArray = arrays.reduce((accumulator, currentValue) => accumulator.concat(currentValue), []);
console.log(flattenedArray); // 输出: [1, 2, 3, 4, 5, 6]

计算对象中属性的出现次数

const names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];
const countedNames = names.reduce((allNames, name) => {if (name in allNames) {allNames[name]++;} else {allNames[name] = 1;}return allNames;
}, {});
console.log(countedNames); // 输出: { 'Alice': 2, 'Bob': 1, 'Tiff': 1, 'Bruce': 1 }