reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。

语法:

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

参数说明:

total 必需。初始值, 或者计算结束后的返回值。
currentValue 必需。当前元素
currentIndex 可选。当前元素的索引
arr 可选。当前元素所属的数组对象。

没有设置initialValue时:

let arr = [1,2,3,4,5,6];
let sum = arr.reduce(function(prev, curr, i, arr) {
    console.log('prev, curr, i',prev, curr, i);
    return prev + curr;
})
console.log('arr, sum',arr, sum);

运行结果:
在这里插入图片描述

设置initialValue时:

let arr = [1, 2, 3, 4, 5, 6];
let sumb = arr.reduce(function(prev, curr, i, arr) {
    console.log(prev, curr, i);
    return prev + curr;
},10)
console.log(arr, sumb);
运行结果:
VM3632:3 10 1 0
VM3632:3 11 2 1
VM3632:3 13 3 2
VM3632:3 16 4 3
VM3632:3 20 5 4
VM3632:3 25 6 5
VM3632:6 (6) [1, 2, 3, 4, 5, 6] 31

从上面两个例子可以看出:

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

当数组为空时,如果没有设置初始值,会报错:
在这里插入图片描述
设置了初始值,则不会报错:

let arr = [];
let sumb = arr.reduce(function(prev, curr, i, arr) {
    console.log(prev, curr, i);
    return prev + curr;
},10)
console.log(arr, sumb);
运行结果:
VM3663:6 [] 10
Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐