关于js中的reduce用法。

首先reduce是Array的一个方法。

const array1 = [1, 2, 3, 4];
const reducer = (accumulator, currentValue) => accumulator + currentValue;

// 1 + 2 + 3 + 4
console.log(array1.reduce(reducer));
// expected output: 10

// 5 + 1 + 2 + 3 + 4
console.log(array1.reduce(reducer, 5));
// expected output: 15

上诉代码中reducer 函数接收4个参数:

Accumulator (acc) (累计器)
Current Value (cur) (当前值)
Current Index (idx) (当前索引)
Source Array (src) (源数组)
您的 reducer 函数的返回值分配给累计器,其值在数组的每个迭代中被记住,并最后成为最终的单个结果值。
下面是关于reduce两个参数的详细描述:

callback :
执行数组中每个值的函数,包含四个参数:
accumulator
累计器累计回调的返回值; 它是上一次调用回调时返回的累积值,或 initialValue(见于下方)。
currentValue 数组中正在处理的元素。
currentIndex可选 。数组中正在处理的当前元素的索引。 如果提供了initialValue,则起始索引号为0,否则为1
array可选
调用reduce()的数组
initialValue(可选)
作为第一次调用 callback函数时的第一个参数的值。 如果没有提供初始值,则将使用数组中的第一个元素。 在没有初始值的空数组上调用 reduce 将报错。。

需要注意的是accumulator其实就是每次结算返回的值,就是说将前一次的运算结果传入到下一次运算之中。
整个reduce的结果是最后一次计算的返回值。切记是最后一次的返回值。
回调函数第一次执行时,accumulator 和currentValue的取值有两种情况:如果调用reduce()时提供了initialValue,accumulator取值为initialValue,currentValue取数组中的第一个值;如果没有提供 initialValue,那么accumulator取数组中的第一个值,currentValue取数组中的第二个值。

注意:如果没有提供initialValue,reduce 会从索引1的地方开始执行 callback 方法,跳过第一个索引。如果提供initialValue,从索引0开始。

var arr = [1,2,3,4,5]
arr.reduce((acc, current) => acc * current) //返回值是120

切记它的返回值是最后一次的运算结果:

第一次运算:1*2  = 2
第二次运算:2*3 = 6
第三次运算:6*4 = 24
第四次运算:24*5 = 120
因为没有默认值initial,所以从索引1的地方开始计算,则计算四次。

详细说明可参考
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值