JS reduce函数用法记录

定义和用法

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

array.reduce(function(prev, cur, currentIndex, arr), initialValue)
:param function(prev, cur, index, arr) 必需。用于执行每个数组元素的函数。
函数参数:
    prev:	必需。初始值, 或者计算结束后的返回值。
    cur:  必需。当前元素
    currentIndex:  可选。当前元素的索引
    arr:  可选。当前元素所属的数组对象。
:param initialValue: 可选。传递给函数的初始值

注意： 没有第二个参数的时候prev初始值默认为数组的第一项，此时循环从数组的第二项开始，有第二个参数的时候prev为第二个参数值，此时循环从数组的第一项开始。

常见应用:

1. 求和:

const arr = [15, 19, 10, 14, 26, 8];
const total = arr.reduce((prev, cur) => {
	return prev + cur;
})
console.log(total);  //数组的和

/**
 * 更加简洁的写法
 */
const arr = [15, 19, 10, 14, 26, 8];
const total = arr.reduce((prev, cur) => prev + cur);
console.log(total);  //数组的和

2. 求平均

const arr = [15, 19, 10, 14, 26, 8];
const avg= arr.reduce((prev, cur, index, array) => {
     prev += cur
     if( index === array.length-1) { 
	    return prev/array.length;
      }else { 
	    return prev;
      } 
})

3. 求元素出现的次数

const arr = ['banana', 'cherry', 'orange', 'apple', 'cherry', 'orange', 'apple', 'banana', 'cherry', 'orange', 'fig' ];
const total = arr.reduce((prev, cur) => {
	prev[cur] = (prev[cur] || 0) + 1;
	return prev;
}, {})

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

const data = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
const flat = data.reduce((prev, cur) => {
	return prev.concat(cur);
}, [])

5. 求数组最大值

const num = [1, 2, 3, 5, 5, 1]
const max_num = num.reduce((prev, cur) => {
	return Math.max(prev, cur);
})