JavaScript数组的5种迭代方法实例详解
程序员文章站
2022-04-12 10:07: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]
以上就是JavaScript数组的5种迭代方法实例详解的详细内容,更多请关注其它相关文章!
上一篇: 如何实现AJAX 的异步功能
推荐阅读
-
JavaScript遍历数组的三种方法map、forEach与filter实例详解
-
JavaScript类数组对象转换为数组对象的方法实例分析
-
详解JavaScript数组过滤相同元素的5种方法
-
【JavaScript】数组的sort方法排序原理详解
-
JavaScript数组的5种迭代方法
-
详解JavaScript中的数组合并方法和对象合并方法
-
详解JavaScript es6的新增数组方法
-
JavaScript中十种一步拷贝数组的方法实例详解
-
JavaScript for-in遍历,ES6的for-of遍历,可迭代对象的forEach()方法实例讲解
-
详解JavaScript中数组和字符串的lastIndexOf()方法使用