javaScript数组迭代方法详解

时间:2021-05-26

本文为大家介绍了javaScript数组迭代方法,供大家参考,具体内容如下

每个方法都接收两个参数:要在每一项上运行的函数 和 (可选的)运行该函数的作用域对象。

传入这些方法中的函数会接收三个参数:数组项的值,该项在数组中的位置,数组对象本身。

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

请看以下例子:

var numbers = [1,2,3,4,5,4,3,2,1];//every()var everyResult = numbers.every(function(item, index, array){ return (item > 2);});alert(everyResult); //false//some()var someResult = numbers.some(function(item, index, array){ return (item > 2);});alert(someResult); //true//filter()var filterResult = numbers.filter(function(item, index, array){ return (item > 2);});alert(filterResult); //[3,4,5,4,3]//map()var mapResult = 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数组迭代方法,如下

var arr = [3,4,5,6,7,"a"];var isNum = function(elem,index,AAA){return !isNaN(elem);}var toUpperCase = function(elem){return String.prototype.toUpperCase.apply(elem);}var print = function(elem,index){console.log(index+"."+elem);}var res = arr.every(isNum);console.log(res);//false;res = arr.some(isNum);console.log(res);//trueres = 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); //自己扩展

以上就是本文的全部内容,希望对大家学习javaScript数组迭代方法有所帮助。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章