JavaScript数组的5种迭代方法
更新时间：2017年09月29日 14:45:35 作者：李柳成
这篇文章主要为大家详细介绍了JavaScript数组的5种迭代方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
ES5为数组定义了5个迭代方法。每种方法都接收两个参数。要在每一项上运行的函数和（可选的）运行该函数的作用域对象--影响this的值。//其中（可选的）这个参数暂时未遇到过。
其中，函数都接收三个参数（数组中的每一项、每一项的索引值、数组对象本身）。
下面是5中方法的介绍：
every() : 对数组中的每一项执行函数，如果每一项都返回 true ,则该方法返回 true。
some(): 对数组中的每一项执行函数，只要有一项返回了 true ,则该方法返回 true。
filter(): 对数组中的每一项执行函数，把里面返回 true 的项，组成一个数组返回。
forEach() 对数组中的每一项执行函数，没有返回值。类似于for循环。
map() 对数组中的每一项执行函数，返回（处理后的）每一项。
以上5种方法，都不会改变数组本身。
forEach和map的比较：
var arr = [1,2,3,4,5];
//every() filter() some() forEach() map()
var res = arr.every(function(i,index,o){
return i>2;
});
console.log(arr); //[1,2,3,4,5]
console.log(res); //false
var some = arr.some(function (i, k, l) {
return i>2;
});
console.log(arr);//[1,2,3,4,5]
console.log(some);//true
var filter = arr.filter(function (i, k, l) {
return i>2;
});
console.log(arr);//[1,2,3,4,5]
console.log(filter);//[3,4,5]
var forEach = arr.forEach(function (i, k, l) {
return i>2;
});
console.log(arr);//[1,2,3,4,5]
console.log(forEach);//undefined
var map = arr.map(function (i, k, l) {
return i>2;
});
console.log(arr);//[1,2,3,4,5]
console.log(map);//[false,false,true,true,true]
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JS验证邮件地址格式方法,结合两个实例形式分析了JavaScript基于正则表达式进行邮件格式验证的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
在非IE，事件对象Propagation之间的处理函数，或同dom节点触发的多个函数之间的Event物件是全等的。与绑定形式[addEventListener/DOM0]无关。2011-04-04
在js中，想让线程sleep一下确实不是一件简单的事情，过多的使用定时器或者回调函数，会让复杂，凌乱，这时，可以考虑能否使用队列来做一些简2012-07-07
这篇文章主要介绍了JavaScript内存泄漏的处理方式，通过理论和实例结合的方式让你理解的更加透彻。2017-11-11
这篇文章给大家主要介绍了通过网页查看JS源码的时候，发现汉字显示是乱码的解决方法，文中通过图文详解的介绍了解决的步骤，详细会对大家很有帮助，有需要的朋友们下面来一起看看吧。2016-10-10
javascript常见error对象处理，错误代码集合2008-05-05
本文主要介绍了js实现悬浮窗效果(支持拖动)的实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
今天小编就为大家分享一篇bootstrap动态调用select下拉框的实例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
在网上看到几个有意思的Javascript代码，和大家分享一下。直接将代码拷贝到IE中即可，注意代码为一样。不可分行2010-07-07
下面小编就为大家带来一篇如何判断Javascript对象是否存在的简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
最新评论