javaScript数组迭代方法详解
本文为大家介绍了javaScript数组迭代方法,供大家参考,具体内容如下
每个方法都接收两个参数:要在每一项上运行的函数 和 (可选的)运行该函数的作用域对象。
传入这些方法中的函数会接收三个参数:数组项的值,该项在数组中的位置,数组对象本身。
forEach() 对数组中的每一项运行给定函数。该方法没有返回值。
every() 对数组中的每一项运行给定函数,如果数组的每一项都返回true,则返回true。
some() 对数组中的每一项运行给定函数,如果数组的任意一项返回true,则返回true。
fliter() 如果数组的每一项都返回true,则返回true。返回该函数会返回true的项组成的数组。
map() 如果数组的每一项都返回true,则返回true。返回每次函数调用的结果组成的数组。
请看以下例子:
varnumbers=[1,2,3,4,5,4,3,2,1]; //every() vareveryResult=numbers.every(function(item,index,array){ return(item>2); }); alert(everyResult);//false //some() varsomeResult=numbers.some(function(item,index,array){ return(item>2); }); alert(someResult);//true //filter() varfilterResult=numbers.filter(function(item,index,array){ return(item>2); }); alert(filterResult);//[3,4,5,4,3] //map() varmapResult=numbers.map(function(item,index,array){ return(item*2); }); alert(mapResult);//[2,4,6,8,10,8,6,4,2] //forEach() numbers.forEach(function(item,index,array){ alert(item); });//多个弹窗分别显示数组中的元素
另一个javaScript数组迭代方法,如下
vararr=[3,4,5,6,7,"a"]; varisNum=function(elem,index,AAA){ return!isNaN(elem); } vartoUpperCase=function(elem){ returnString.prototype.toUpperCase.apply(elem); } varprint=function(elem,index){ console.log(index+"."+elem); } /*对数组中的每一项执行测试函数,直到获得对指定的函数返回false的项。使用此方法可确定数组中的所有项是否满足某一条件,类似于&&的含义*/ varres=arr.every(isNum); console.log(res);//false; /*对数组中的每一项执行测试函数,直到获得返回true的项。使用此方法确定数组中的所有项是否满足条件.类似于||的含义*/ res=arr.some(isNum); console.log(res);//true /*对数组中的每一项执行测试函数,并构造一个新数组,返回true的项被添加进新数组。如果某项返回false,则新数组中将不包含此项*/ res=arr.filter(isNum); console.log(res);//[3,4,5,6,7] /*对数组中的每一项执行函数并构造一个新数组,并将原始数组中的每一项的函数结添加进新数组。*/ res=arr.map(toUpperCase); console.log(res);//["3","4","5","6","7","A"] /*对数组中的每一项执行函数,不返回值*/ res=arr.forEach(print); console.log(res); //自己扩展 /*Array.prototype.every=function(fun,obj){ varlen=this.length; if(typeoffun!="function") thrownewTypeError(); for(vari=0;i<len;i++){ if(!fun.call(obj,this[i],i,this)) returnfalse; } returntrue; };*/
以上就是本文的全部内容,希望对大家学习javaScript数组迭代方法有所帮助。