JS数组reduce()方法详解及高级技巧

JavaScript019

JS数组reduce()方法详解及高级技巧,第1张

reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组。

先看第一个例子:

这里可以看出,上面的例子index是从1开始的,第一次的prev的值是数组的第一个值。数组长度是4,但是reduce函数循环3次。

再看第二个例子:

这个例子index是从0开始的,第一次的prev的值是我们设置的初始值0,数组长度是4,reduce函数循环4次。

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

注意:如果这个数组为空,运用reduce是什么情况?

但是要是我们设置了初始值就不会报错,如下:

所以一般来说我们提供初始值通常更安全

当然最简单的就是我们常用的数组求和,求乘积了。

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

(2)数组去重

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

(3)将多维数组转化为一维

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

它由一个回调函数与一个初始值组成,其中回调函数接受四个参数。

4.currentIndex 数组循环当前处理值的索引,currentValue 与 currentIndex是同步变化的。

5.array 当前正在被循环的数组。

若数组为空且没有初始值,reduce方法报错。

感谢参考文章

点击查看 >>更多数组去重的方法