Array.prototype.reduce()

2022/6/3 23:21:56

本文主要是介绍Array.prototype.reduce(),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Array.prototype.reduce()

做统计用的,不会改变原数组

参数:每一次的返回值将作为下一次pre的初始值,pre可以设置默认值,cur是当前项

不要小瞧了下面这些代码,你不一定会写
  • 求和
console.log([1, 2, 3, 4].reduce((pre, cur) => pre + cur))
  • 计算数组中每个元素出现的次数
let arr = ['name', 'age', 'long', 'short', 'long', 'name', 'name']
let times = arr.reduce((pre, cur) => {
    if (cur in pre) {  //判断对象中是否包含这个属性
        pre[cur]++
    } else {
        pre[cur] = 1  //因为一开始进入的是这里,所以它能进行++操作
    }
    return pre
}, {});  //{} 是赋给pre的默认值
console.log(times);  //{ name: 3, age: 1, long: 2, short: 1 }
  • 数组去重
let arr = ['name', 'age', 'long', 'short', 'long', 'name', 'name']
let times = arr.reduce((pre, cur) => {
    if (!pre.includes(cur)){  //这个方法一般人我不告诉他
        pre.push(cur)
    }
    return pre
}, []);
console.log(times);
  • 输出ToDos中已完成的个数(统计completed为true的情况)
let ToDos= [
    {id: '001',name: '抽烟',completed: true},
    {id: '002',name: '喝酒',completed: false},
    {id: '003',name: '烫头',completed: true}
]
console.log(ToDos.reduce((pre, cur) => {
    if (cur.completed){
        pre++
    }
    return pre
},0));  //2


这篇关于Array.prototype.reduce()的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程