6种不同的方法循环遍历阵列

可以通过许多不同的方法循环遍历数组。我从上到下整理了我最喜欢的6种方法。

1.使用for循环

当它只是在数组中循环时，for循环是我的首选。

让数组=[1，2，3，4，5]；for（设i=0；i<array.length；i++）{console.log（array[i]）；}

2.使用forEach循环

forEach循环是一种在数组中循环的现代方式。此外，它还提供了对阵列和元素的更多灵活性和控制。

让数组=[1，2，3，4，5]；array.forEach（（元素）=>{console.log（元素）；});

3.用于。。。属于

对于of循环允许您直接访问数组元素。

让数组=[1，2，3，4，5]；for（数组的let元素）{console.log（元素）；}

4.用于。。。在回路中

对于中提供了一个键，您可以使用该键访问数组元素。

让数组=[1，2，3，4，5]；for（数组中的let索引）{console.log（array[index]）；}

5.使用while循环

而loop也可以用于循环通过阵列。

让数组=[1，2，3，4，5]；let length=array.length；而（长度>0）{console.log（array[array.length-length]）；长度--；}

6.使用do…while循环

同样，我使用do…while循环

让数组=[1，2，3，4，5]；let length=array.length；做{console.log（array[array.length-length]）；长度--；}而（长度>0）

var x = [4, 5, 6];
for (i = 0, j = x[i]; i < x.length; j = x[++i]) {
    console.log(i,j);
}

干净多了。。。

Opera、Safari、Firefox和Chrome现在都共享一组增强的Array方法来优化许多常见循环。

您可能不需要所有这些，但它们可能非常有用，或者如果每个浏览器都支持它们，它们就会非常有用。

Mozilla实验室发布了他们和WebKit都使用的算法，因此您可以自己添加它们。

筛选器返回满足某个条件或测试的项目数组。

如果每个数组成员都通过测试，则every返回true。

如果有人通过测试，则返回true。

forEach在每个数组成员上运行一个函数，不返回任何内容。

map类似于forEach，但它返回每个元素的操作结果数组。

这些方法都将一个函数作为其第一个参数，并有一个可选的第二个参数，这是一个对象，当数组成员循环通过该函数时，您希望将其范围强加给数组成员。

忽略它，直到你需要它。

indexOf和lastIndexOf查找与其参数完全匹配的第一个或最后一个元素的适当位置。

(function(){
    var p, ap= Array.prototype, p2={
        filter: function(fun, scope){
            var L= this.length, A= [], i= 0, val;
            if(typeof fun== 'function'){
                while(i< L){
                    if(i in this){
                        val= this[i];
                        if(fun.call(scope, val, i, this)){
                            A[A.length]= val;
                        }
                    }
                    ++i;
                }
            }
            return A;
        },
        every: function(fun, scope){
            var L= this.length, i= 0;
            if(typeof fun== 'function'){
                while(i<L){
                    if(i in this && !fun.call(scope, this[i], i, this))
                        return false;
                    ++i;
                }
                return true;
            }
            return null;
        },
        forEach: function(fun, scope){
            var L= this.length, i= 0;
            if(typeof fun== 'function'){
                while(i< L){
                    if(i in this){
                        fun.call(scope, this[i], i, this);
                    }
                    ++i;
                }
            }
            return this;
        },
        indexOf: function(what, i){
            i= i || 0;
            var L= this.length;
            while(i< L){
                if(this[i]=== what)
                    return i;
                ++i;
            }
            return -1;
        },
        lastIndexOf: function(what, i){
            var L= this.length;
            i= i || L-1;
            if(isNaN(i) || i>= L)
                i= L-1;
            else
                if(i< 0) i += L;
            while(i> -1){
                if(this[i]=== what)
                    return i;
                --i;
            }
            return -1;
        },
        map: function(fun, scope){
            var L= this.length, A= Array(this.length), i= 0, val;
            if(typeof fun== 'function'){
                while(i< L){
                    if(i in this){
                        A[i]= fun.call(scope, this[i], i, this);
                    }
                    ++i;
                }
                return A;
            }
        },
        some: function(fun, scope){
            var i= 0, L= this.length;
            if(typeof fun== 'function'){
                while(i<L){
                    if(i in this && fun.call(scope, this[i], i, this))
                        return true;
                    ++i;
                }
                return false;
            }
        }
    }
    for(p in p2){
        if(!ap[p])
            ap[p]= p2[p];
    }
    return true;
})();

我强烈建议使用Undercore.js库。它为您提供了可用于迭代数组/集合的各种函数。

例如：

_.each([1, 2, 3], function(num){ alert(num); });
=> alerts each number in turn...

如果您正在使用jQuery库，请考虑使用http://api.jquery.com/jQuery.each/

根据文档：

jQuery.each（集合，回调（indexInArray，valueOfElement））返回：对象描述：一个泛型迭代器函数，可用于对对象和数组进行无缝迭代。数组和类数组具有长度属性的对象（例如函数的arguments对象）由数值索引从0到长度-1进行迭代。其他对象包括通过其命名的财产进行迭代。$.each（）函数与$（selector）.each（用于以独占方式对jQuery对象进行迭代。$.each（）函数可以用于迭代任何集合，无论它是map（JavaScript对象）或数组。在数组的情况下回调被传递一个数组索引和一个相应的数组值时间（该值也可以通过this关键字访问，但是Javascript将始终将this值包装为Object，即使它是简单的字符串或数字值。）该方法返回其第一个参数，迭代的对象。

在JavaScript中，有很多方法可以循环数组。

下面的代码是流行的代码

/**声明输入*/const items=['你好'，'世界']/**解决方案1。简单适用于*/console.log（解决方案1。简单用于'）for（设i=0；i<items.length；i++）{console.log（项[i]）}console.log（）console.log（）/**解决方案2。简单的while*/console.log（解决方案2。简单while'）设i=0而（i＜items.length）{console.log（项[i++]）}console.log（）console.log（）/**解决方案3。对于每个*/console.log（解决方案3。“每个”）items.forEach（item=>{console.log（项）})console.log（）console.log（）/**解决方案4。的*/console.log（解决方案4。对于'）for（常量项，共项）{console.log（项）}console.log（）console.log（）