Array.reduce()方法解析

定义：

reduce() 方法对累加器和数组中的每个元素 (从左到右)应用一个函数，将其减少为单个值。

 

语法：

array.reduce(function(accumulator, currentValue, currentIndex, array), initialValue)；

accumulator：上一次调用回调返回的值，或者是提供的初始值（initialValue）

currentValue：数组中正在处理的元素

currentIndex：数据中正在处理的元素索引，如果提供了 initialValue ，从0开始；否则从1开始

array： 调用 reduce 的数组

initialValue：可选项，其值用于第一次调用 callback 的第一个参数。如果没有设置初始值，则将数组中的第一个元素作为初始值。

空数组调用reduce时没有设置初始值将会报错。

 

应用：

比如求和或者需要连续操作数组中的每个元素获得最终结果，for循环可以解决的可以尝试使用reduce方法来做。

1. 求和

var res = [
0, 1, 2, 3, 4
].reduce((
accumulator, currentValue, currentIndex, array
) => { 
　　return accumulator + currentValue; 
});

 callback 被调用四次，每次调用的参数和返回值如下表：

callback	accumulator	currentValue	currentIndex	array	return value
first call	0	1	1	[0,1,2,3,4]	1
second call	1	2	2	[0,1,2,3,4]	3
third call	3	3	3	[0,1,2,3,4]	6
fourth call	6	4	4	[0,1,2,3,4]	10

2. 求最大值 

var res = [1,2,3,4,5].reduce((pre, curr) => {
    return curr > pre ? curr : pre;
    //return Math.max(pre,curr);
});

3. 将二维数组转化为一维数组

var flattened = [[0, 1], [2, 3], [4, 5]].reduce((a, b) => {
    return a.concat(b);
});