ES5新增数组方法reduce
reduce
:对数组中的每个元素执行一个自定义的累计器,将其结果汇总返回
这个方法接收两个参数:
第一个参数:要执行的函数,执行的函数可以传入参数
第二个参数:函数迭代的初始值
没有设置函数的初始值迭代值
let arr = [1,2,3,4,5]
arr.reduce((prev,cur,index,arr)=>{
// prev 上次调用函数的返回值
// cur 当前元素
// index 当前元素索引
// arr 被遍历的数组
})
初级应用:
求和
let arr = [1,2,3,4,5]
let sum = arr.reduce((prev,cur)=>{
return prev + cur
})
console.log(sum); // 15
求积
let arr = [1,2,3,4,5]
let sum = arr.reduce((prev,cur)=>{
return prev*cur
})
console.log(sum); // 120
设置初始迭代值
去除数组中重复的元素:
let arr = [1,2,2,3,3]
let newArr = arr.reduce((pre,cur)=>{
// 初始值:[]
if(!pre.includes(cur)) {
pre.push(cur)
}
return pre
},[])
console.log(newArr); // [1,2,3]
对对象的属性求和:
let obj = [{
name:'uu盘',
age:1
},{
name:'uu盘',
age:2
},{
name:'uu盘',
age:3
}]
let result = obj.reduce((prev,cur)=>{
return prev + cur.age
},0)
console.log(result); // 6