| 标题 | javaScript数组迭代方法详解 |
| 内容 | 本文为大家介绍了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); } /*对数组中的每一项执行测试函数，直到获得对指定的函数返回 false 的项。 使用此方法 可确定数组中的所有项是否满足某一条件,类似于&&的含义*/ var res = 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) { var len = this.length; if (typeof fun != "function") throw new TypeError(); for (var i = 0; i < len; i++) { if (!fun.call(obj,this[i], i,this)) return false; } return true; };*/ 以上就是本文的全部内容，希望对大家学习javaScript数组迭代方法有所帮助。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。