数组方法reduce

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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值