数组的归并、迭代方法

接着昨天的学习,我发现了数组的一些简便好玩的方法。

归并方法:

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() 的作用类似,只不过方向相反而已。

迭代方法:以下方法都不会修改数组中的包含的值

? every() :对数组中的每一项运行给定函数,如果该函数对每一项都返回 true ,则返回 true 。
? filter() :对数组中的每一项运行给定函数,返回该函数会返回 true 的项组成的数组。
? forEach() :对数组中的每一项运行给定函数。这个方法没有返回值。
? map() :对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
? some() :对数组中的每一项运行给定函数,如果该函数对任一项返回 true ,则返回 true 。

ECMAScript 5 为数组定义了 5 个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和
(可选的)运行该函数的作用域对象——影响 this 的值。传入这些方法中的函数会接收三个参数:数
组项的值、该项在数组中的位置和数组对象本身。

栗子:

var numbers = [1,2,3,4,5,4,3,2,1];
var filterResult = numbers.filter(function(item, index, array){
return (item > 2);
});
alert(filterResult); //[3,4,5,4,3]
var numbers = [1,2,3,4,5,4,3,2,1];
var mapResult = numbers.map(function(item, index, array){
return item * 2;
});
alert(mapResult); //[2,4,6,8,10,8,6,4,2]
时间: 2024-08-29 07:37:10

数组的归并、迭代方法的相关文章

数组操作方法和迭代方法

改变原数组的:pop:删除最后一个并返回,改变原数组 push:向数组末尾添加元素,并返回新的长度,改变原数组 unshift:向数组开头添加元素,并返回新的长度,改变原数组 reverse:颠倒数组顺序,改变原数组 shift:将第一个元素删除并且返回,空即为undefined,改变原数组 splice:splice(start,length,item)新增删除替换数组元素,返回被删除数组,无删除则不返回,改变原数组 sort:对数组排序,改变原数组 不改变原数组的:concat:连接多个数组

数组的几种迭代方法和归并方法1

迭代方法: every()  对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true.使用此方法 可确定数组中的所有项是否满足某一条件,类似于&&的含义.   var arr = [1,2,3,4,5,6,7,8]; var everyRes = arr.every(function(item,index,array){ return (item>2); });    alert(everyRes);some()  对数组中的每一项运行给定函数,如果该函数对任

JS中数组的迭代方法和归并方法

昨天总结的JavaScript中的数组Array方法 数组的迭代方法 ES5中为数组定义了5个迭代方法.每个方法都要接收两个参数:要在每一项上面运行的函数和(可选的)运行该函数的作用域对象---影响this的值. 传入方法中的函数会介绍三个参数:1.数组项的值 2. 该项在数组的中位值 3. 数组对象本身: every()和some()方法  every():对数组中的每一项运行给定函数,如果每一项都返回true,则返回true,否则false:  some():对数组中的每一项运行给定函数,如

JS高程5.引用类型(6)Array类型的位置方法,迭代方法,归并方法

一.位置方法 ECMAScript5为数组实例添加了两个位置:indexOf()和 lastIndexOf().这两个方法接收两个参数:要查找的项和(可选的)表示查找起点位置的索引(如在数组[7,8,9,1,0]中,"7"在第一个位置,它的索引是0.).其中,indexOf()方法从数组的开头(位置0)开始向后查找,lastIndexOf()方法从数组的末尾开始向前查找. 注意: 这两个方法都返回要查找的项在数组中的位置,在没有找到的情况下返回-1. 在比较第一个参数与数组中的每一项时

数组的迭代方法之every,some,filter,map,forEach

//数组的迭代方法 var number = [1, 2, 3, 4, 5, 4, 3, 2, 1]; var everyResult = number.every(function(item, index, array){ return (item > 2); }); console.log(everyResult); var someResult = number.some(function(item, index, array){ return (item > 2); }); conso

一张图看懂JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some

好吧,竟然不能单发一张图,不够200字啊不够200字! 在<JavaScript高级程序设计>中,分门别类介绍了非常多数组方法,其中迭代方法里面有6种,这6种方法在实际项目有着非常广泛的作用.其中本人最爱用forEach和map,好用又高效,不用什么都是for循环大法.但是初学的时候往往觉得头大,这些方法都很像,到底有什么区别?趁着今天有空,我把对着6个方法的认知,用最浅显的图画出来,希望看到的同学觉得有用.

JavaScript高级程序设计--对象,数组(栈方法,队列方法,重排序方法,迭代方法)

1.使用对象字面量定义对象 var person={}; 使用这种方式创建对象时,实际上不会调用Object构造函数. 开发人员更喜欢对象字面量的语法. 2.有时候需要传递大量可选参数的情形时,一般来讲使用对象字面量来封装多个可选参数. 3.对象属性的点表示法与方括号表示法的区别 (1)功能上:两者没区别 (2)但是方括号的有点是可以通过变量来访问属性 例如: var person={ name:"Nic" } 点表示法:person.name 方括号表示法:var prop=“nam

数组迭代方法和类数值

数组的迭代方法有every,some,forEach,fliter,map. 每个方法的参数是一个函数,函数的第一个参数是数组项,第二个参数是数组项的索引,第三个参数是数组本身 every方法对数组的每一项执行给定函数,如果每一项的执行结果都为true,则返回true; 1 //用every方法检测数组的每一项是否都是偶数,是则返回true,不是则返回false 2 function testEvery(){ 3 var a=[1,2,5,0,3,9]; 4 var result= a.ever

JS 数组迭代方法

js中数组迭代方法有五种 some() , every(), filter(), forEach(),map(),传入这些方法的函数会接收三个参数(数组项的值,该项在数组中的位置,数组对象本身) var items = [9,67,34,25,56]; //如果items中的所有项都大于9返回true否则返回false 全部满足条件才行 var everyResult = items.every(function(item,index,array){ return (item>9); }); a