Array.prototype.reduce()
概述
reduce()方法是数组的一个实例方法(共有方法),可以被数组的实例对象调用。reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。
语法
arr.reduce(callback[,initialValue]) {}
参数
回调函数中可以传递四个参数。
prevIoUsValue
:上一次调用回调函数返回的值,或者是提供的初始值(initialValue)currentValue
:数组中当前被处理的元素currentIndex
:当前被处理元素在数组中的索引,即currentValue的索引.如果有initialValue初始值,从0开始.如果没有从1开始array
:调用 reduce 的数组initialValue
:可选参数,作为第一次调用 callback 的第一个参数返回值
描述
reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:
-
@H_301_57@prevIoUsValu 上一次值
@H_301_57@currentValue 当前值
@H_301_57@currentIndex 当前值的索引
@H_301_57@array 数组
回调函数第一次执行时
,prevIoUsValue 和 currentValue可能是两个不同值其中的一个,如果reduce有initialValue参数,那么 prevIoUsValue 等于 initialValue ,并且currentValue 等于数组中的第一个值;如果reduce没有 initialValue 参数,那么prevIoUsValue 等于数组中的第一个值,currentValue等于数组中的第二个值。注意
: 如果没有initialValue参数,reduce从index为1开始执行回调函数,跳过第一个index。 如果有initialValue参数,reduce 将从index为 0 开始执行回调如果数组是空的并且没有initialValue参数,将会抛出TypeError错误. 如果数组只有一个元素并且没有初始值initialValue,或者有initialValue但数组是空的,这个唯一的值直接被返回而不会调用回调函数。
通常来说提供一个initialValue初始值更安全一点,因为没有的话会出现如下输出结果。
x + y); //15
};
console.log(foo.call(this));
function foo(){
return [].reduce((x,y) => x + y); //TypeError
};
console.log(foo.call(this));
//提供initialValue
function foo(){
return [].reduce((x,y) => x + y,0); //0
};
console.log(foo.call(this));
reduce()是如何工作的
prevIoUsValue + currentValue);
回调被执行四次,每次的参数和返回值如下表:
reduce 的返回值是回调函数最后一次被调用的返回值(10)。
如果把初始值作为第二个参数传入 reduce,结果如下,结果如下:
prevIoUsValue + currentValue,10);
最后一次函数调用的返回值 (20) 作为reduce函数的结果被返回
注意:
添加了initialValue参数会多调用一次回调函数例题
将数组所有项相加
扁平化一个二维数组
x.concat(y),[]);
// [1,5,6]
原文链接:https://www.f2er.com/js/43643.html