关于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

你可能感兴趣的:(前端js知识点)