时间: 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方法应用技巧
关键词: