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
posted @   朱在春  阅读(31)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示