数组reduce()的使用

reduce()是这样定义的:reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。需要注意的是reduce()的回调函数在数组为空数组的时候是不会执行的。

reduce()可以接收两个参数,第一个参数是回调函数(必须的),这个回调函数有四个参数:total(初始值或者返回的值,必须)、currentValue(当前操作的数组元素,必须)、currentIndex(当前元素的索引,可选)、arr(当前元素所属的数组,可选),第二个参数是设置回调函数的初始值(可选)

应用1:简单数组的累加

        let arr = [1,2,3,4,5];
        let res = arr.reduce((total,item)=>{
            return total + item
        })
        console.log(res) //15    
        let arr = [1,2,3,4,5];
        let res = arr.reduce((total,item)=>{
            return total + item
        },10)
        console.log(res) //25

应用2:操作对象,其实都一样

复制代码
const calendarTypeOptions = [
  { key: 'CN', display_name: 'China' },
  { key: 'US', display_name: 'USA' },
  { key: 'JP', display_name: 'Japan' },
  { key: 'EU', display_name: 'Eurozone' }
]

const calendarTypeKeyValue = calendarTypeOptions.reduce((acc, cur) => {
  acc[cur.key] = cur.display_name
  return acc
}, {})

console.log(calendarTypeKeyValue )
//{ CN : "China", EU : "Eurozone", JP : "Japan", US : "USA" }
复制代码

 

 

posted @   朝思暮想的虫  阅读(796)  评论(1编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示