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

如题所述

第1个回答  2022-07-18

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)、对象里的属性求和

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网