js数组的reduce方法

1、语法

arr.reduce(callback, initialValue)  reduce为数组中的每个元素依次执行回调函数,接受4个参数:初始值(或者上次回调函数的返回值)、当前元素值、当前索引、调用reduce的数组。

2、实例解析initialValue参数

2.1当不设置initialValue参数时

js数组的reduce方法_第1张图片

输出结果为:

js数组的reduce方法_第2张图片

可以看出,index是从1开始的,第一次的prev的值是数组的第一个值。数组长度为3,但是reduce循环次数为2。

2.2 当设置initialValue参数为2 时,输出结果为:

js数组的reduce方法_第3张图片

可以看出,index是从0开始的,第一次的prev的值是我们设置的initialValue的值。数组长度为3,reduce函数循环3次。

结论:如果没有设置initialValue,reduce会从索引为1的地方开始执行callback;如果提供initialValue,则会从索引为0的地方开始执行。

注意:如果数组为空,且不提供intialValue时,运行reduce会报错

所以提供处置值更安全。

3、reduce数组的简单用法

求最大值、最小值

数组求和、求乘积

js数组的reduce方法_第4张图片

4、reduce的高级用法

(1)计算数组中每个元素出现的次数

js数组的reduce方法_第5张图片

可简写为:

js数组的reduce方法_第6张图片

(2)数组去重

js数组的reduce方法_第7张图片

(3)将二维数组化为一维

js数组的reduce方法_第8张图片

(4)将多维数组化为一维数组

(5)、对象里的属性求和

js数组的reduce方法_第9张图片

(6)、对象数组去重

js数组的reduce方法_第10张图片 

你可能感兴趣的:(javascript,javascript)