一、语法
arr.reduce(callback,[initialValue])
array.reduce((prev, cur, index, arr)=> {
/***/
}, initialValue)
第一个参数：每次遍历都会调用的函数，而这个函数接收四个参数，分别是：前一个值、当前项、项目的索引和数组对象，而这个函数的返回值，回传给下一次遍历时，执行的这个方法的第一个参数。
第二个参数：归并基础的初始值
参数一： callback 函数（执行数组中每个值的函数，包含四个参数）：
prev 必需 （上一次调用回调返回的值，或者是提供的初始值（initialValue））
cur 必需（数组中当前被处理的元素）
index 可选 （当前元素在数组中的索引）
arr 可选 （调用 reduce 的数组）
参数二：initialValue 可选 （表示初始值，作为第一次调用 callback 的第一个参数）
提供初始值，cur 从数组第一项开始，若不提供初始值，则 cur 从第二项开始执行，对应的第一次 prev 是数组第一项的值
reduce()方法可以进行数组求和、统计数组中元素出现的次数、数组去重等等
二、常用例子
1、求和
不设置函数的初始迭代值：
let arr = [1,2,3,4,5];
let sum = arr.reduce((prev,cur,index,arr)=>{
return prev + cur;
})
// 执行结果：15
// 执行过程：
prev cur index prev + cur
// 第一次循环： 1 2 1 3
// 第二次循环： 3 3 2 6
// 第三次循环： 6 4 3 10
// 第四次循环： 10 5 4 15
设置函数的初始迭代值：
let arr = [1,2,3,4,5];
let sum = arr.reduce((prev,cur,index,arr)=>{
return prev + cur;
},1)
// 执行结果：16
// 执行过程：
// prev cur index prev + cur
// 第一次循环： 1 1 0 2
// 第二次循环： 2 2 1 4
// 第三次循环： 4 3 2 7
// 第四次循环： 7 4 3 11
// 第五次循环： 11 5 4 16
2、统计数组中元素出现的次数
const names = ['zhangsan', 'lisi', 'wangwu', 'zhangsan','wangwu'];
const nameNum = names.reduce((prev,cur)=>{
if(cur in prev){
prev[cur]++
}else{
prev[cur] = 1
}
return prev
},{});
console.log(nameNum);
// 输出：{zhangsan: 2, lisi: 1, wangwu: 2}
3、数组去重
const names = ['zhangsan', 'lisi', 'wangwu', 'zhangsan','wangwu'];
const nameNum = names.reduce((prev,cur)=>{
if(!prev.includes(cur)){
prev.push(cur)
}
return prev
},[]);
console.log(nameNum);
// 输出： ['zhangsan', 'lisi', 'wangwu']
4、将多维数组转为一维数组
const names = [['zhangsan',[ 'lisi']], 'wangwu', ['zhangsan'],'wangwu'];
const nameNum = function(arr){
return arr.reduce((prev,cur)=>prev.concat(Array.isArray(cur)?nameNum(cur):cur),[])
}
console.log(nameNum(names));
// 输出： ['zhangsan', 'lisi', 'wangwu', 'zhangsan', 'wangwu']
5、对象中的属性求和
let arr = [
{
name: 'zhangsan',
age: 10
},
{
name: 'lisi',
age: 12
}
];
let sum = arr.reduce((prev,cur)=>{
return prev + cur.age
},0);
console.log(sum);
// 输出： 22
