码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript中数组的5种迭代方法

时间:2017-09-29 16:49:58      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:eve   foreach   介绍   als   his   dex   for   each   class   

浏览器兼容情况:IE9+


 

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种迭代方法

标签:eve   foreach   介绍   als   his   dex   for   each   class   

原文地址:http://www.cnblogs.com/eeeeeeeee/p/7610951.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!