新增了归并数组的方法！

：点上面关注免费学习前端知识！

ECMAScript 5还新增了两个缩小数组的方法： reduce() 和 reduceRight() 。这两个方法都会迭代数组的所有项，然后构建一个最终返回的值。其中， reduce() 方法从数组的第一项开始，逐个遍历到最后。而 reduceRight() 则从数组的最后一项开始，向前遍历到第一项。

这两个方法都接收两个参数：一个在每一项上调用的函数和（可选的）作为缩小基础的初始值。传给 reduce() 和 reduceRight() 的函数接收4个参数：前一个值、当前值、项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上，因此第一个参数是数组的第一项，第二个参数就是数组的第二项。

使用 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。当然，最终结果相同，因为执行的都是简单相加的操作。

使用 reduce() 还是 reduceRight() ，主要取决于要从哪头开始遍历数组。除此之外，它们完全相同。

提示

支持这两个缩小函数的浏览器有IE9+、Firefox 3+、Safari 4+、Opera 10.5 和 Chrome。

相关链接《为数组定义了5个迭代方法》

完

看前端技术文章，就在Web前端精髓

新增了归并数组的方法！相关推荐

js笔记（三）ES5、ES5新增的数组的方法、字符串的方法、字符编码、对象的序列化和反序列化、bind
数组方法.字符串方法总结大目录小目录一.ES5严格模式 1. 严格模式: 2. 严格模式的行为变更: 二.ES5新增的数组的方法 1. 判断是否为数组:Array.isArray(): 2. 判 ...
总结JS中常用的数组的方法大全
总结JS中常用的数组方法 JS中常用的数组方法总结数组(Array)是一种复杂的数据类型,它属于Object(对象)类型,用来将一组数组合在一起,通过一个变量就可以访问一组数据.在使用数组时,经常会 ...
JavaScript 数组新增 4 个非破坏性方法！
关注公众号前端开发博客,领27本电子书回复加群,自助秒进前端群开门见山,JavaScript 数组即将新增 4 个新的非破坏性方法: .toReversed() .toSorted() .toS ...
ES6 新增数组的方法使用介绍
ES5中新增了写数组方法,如下: forEach (js v1.6) map (js v1.6) filter (js v1.6) some (js v1.6) every (js v1.6) ind ...
Array数组的方法
1.Array.from() 将类数组结构转化为数组实例, 一参数是类数组对象即任何可迭代的结构,或者有一个length属性和可索引元素的结构二参数是映射函数参数(可选)此函数可增强新函数的值, 三 ...
splice方法_[7000字]JavaScript数组所有方法基础总结
基础决定一个人的上限,很多时候我们感叹别人在实现一个功能时使用方法的精妙,并且反思,为什么别人想的出来自己却想不出来?我觉得主要是因为对于基础的掌握上有很大的差距.本文总结数组的所有方法的基础使用,希 ...
JS中数组迭代方法（JavaScript从入门到疯癫）
数组迭代的方法包含了以下七个( map,filter,forEach,some,every, findIndex,reduce) 目录 1.map 2.filter 3.foreach 4.数组som ...
JavaScript 数组遍历方法的对比
前言 JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较: 各种数组遍历的方法 for 语句代码: var ...
遍历数组的方法和数组的遍历方法(3+10种)（上）
文章目录简介遍历数组的方法 for循环遍历特点: 使用: 输出: for in遍历特点: 使用: 输出: 3. for of循环特点: 使用: 输出: 简介总所周知,遍历的方法有很多种,有 ...

新增了归并数组的方法！

新增了归并数组的方法！相关推荐

最新文章

热门文章