数组reduce()的使用

Posted zmyxixihaha

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了数组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", US : "USA" }

 

 

以上是关于数组reduce()的使用的主要内容,如果未能解决你的问题,请参考以下文章

js数组高阶方法reduce经典用法代码分享

js数组高阶方法reduce经典用法代码分享

JavaScript 代码片段

精心收集的 48 个 JavaScript 代码片段,仅需 30 秒就可理解!(转载)

Amazon Elastic Map Reduce:输入片段大小是不是重要

数组中新增方法reduce中的第2个参数怎么使用