这篇文章主要为大家详细介绍了 javaScript 数组迭代方法,ECMAScript5 为数组定义了 5 个迭代方法,感兴趣的小伙伴们可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
每个方法都接收两个参数:要在每一项上运行的函数 和 (可选的)运行该函数的作用域对象。
传入这些方法中的函数会接收三个参数:数组项的值,该项在数组中的位置,数组对象本身。
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;
- };*/
来源: http://www.phperz.com/article/17/0221/266330.html