reduce方法应用技巧

来源:http://www.chinese-glasses.com 作者:Web前端 人气:63 发布时间:2020-04-15
摘要:时间: 2019-10-09阅读: 110标签: reduce定义和用法 ECMAScript5为数组定义了2个归并方法:reduce。这两个方法都会迭代数组的随意项,然后构建一个最终返回的值。reduce()方法从数组的第一项开始

时间: 2019-10-09阅读: 110标签: reduce定义和用法

ECMAScript5为数组定义了2个归并方法:reduce。这两个方法都会迭代数组的随意项,然后构建一个最终返回的值。reduce()方法从数组的第一项开始,逐个遍历到数组的最后。reduceRight()方法则刚好相反,它从数组的最后一项开始,向前遍历到第一项。

reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。注意: reduce() 对于空数组是不会执行回调函数的。

这两个方法都接收两个参数:一个在每一项上调用的函数和作为归并基础的初始值。传给reduce的函数接收4个参数:前一个值,当前值,项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上,因此第一个参数是数组的第一项,第二个参数就是数组的第二项。

浏览器支持

例如,我们可以使用reduce()方法来求数组中所有值的总和。

方法

var nums = [1,2,3,4,5];var sum = nums.reduce(function{ retrun pre + cur;});

Chrome

上面的代码中,第一次执行回调函数,prev是1,cur是2。第二次prev是3,cur是3。reduce()方法会重复这个过程,直到把数组中的每一项都访问一次,最后将返回的结果赋值给sum。

Edge

reduceRight()方法的左右类似,只不过是反向执行。例如:

Firefox

var nums = [1,2,3,4,5];var sum = nums.reduceRight(function{ retrun pre + cur;});

Safari

这个例子中,第一次执行回调函数,prev是5,cur是4。最后求和的结果和reduce()方法相同,都是15。

Opera

支持reduce的浏览器有:IE9+,Firefox3+,Safari4+,Opeera10.5+和Chrome。

本文由10bet发布于Web前端,转载请注明出处:reduce方法应用技巧

关键词:

频道精选

最火资讯