数组的迭代方法

6 篇文章 0 订阅
本文介绍了ECMAScript5中reduce()和reduceRight()方法,它们用于数组求和、归并操作。reduce()从左到右遍历,reduceRight()从右到左。这两种方法适用于简单的数值累加,适用于浏览器环境如IE9+, Firefox3+等。
摘要由CSDN通过智能技术生成

ECMAScript 5 新增了两个迭代数组的方法:reduce()和 reduceRight()。

  • 这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。其中,reduce()方法从数组的第一项开始,逐个遍历到最后。而 reduceRight()则从数组的最后一项开始,向前遍历到第一项。
  • 这两个方法都接收两个参数:一个在每一项上调用的函数和(可选的)作为归并基础的初始值。
  • 传给 reduce()和 reduceRight()的函数接收 4 个参数:前一个值、当前值、项的索引和数组对象。
  • 这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上,因此第 一个参数是数组的第一项,第二个参数就是数组的第二项。
  • 支持这两个归并函数的浏览器有 IE9+、Firefox 3+、Safari 4+、Opera 10.5 和 Chrome。

// 使用 reduce()方法可以执行求数组中所有值之和的操作,比如:

var values = [1,2,3,4,5]; 
var sum = values.reduce(function(prev, cur, index, array){ 
  return prev + cur; 
}); 
alert(sum); //15

// 第一次执行回调函数,prev 是 1,cur 是 2。第二次,prev 是 3(1 加 2 的结果),cur 是 3(数组 的第三项)。这个过程会持续到把数组中的每一项都访问一遍,最后返回结果。


// reduceRight()的作用类似,只不过方向相反而已。来看下面这个例子:
var values = [1,2,3,4,5]; 
var sum = values.reduceRight(function(prev, cur, index, array){ 
  return prev + cur; 
}); 
alert(sum); //15

// 在这个例子中,第一次执行回调函数,prev 是 5,cur 是 4。当然,最终结果相同,因为执行的都 是简单相加的操作。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值