javaScript数组迭代方法详解
来源: 阅读:556 次 日期:2016-07-08 11:30:51
温馨提示: 小编为您整理了“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数组迭代方法有所帮助。

更多信息请查看网络编程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map