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 obj = ["one","two","three"];

for(x in obj){
    console.log(obj[x]);
}

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;
})();

有几种方法可以在JavaScript中实现。前两个示例是JavaScript示例。第三个使用JavaScript库，即jQuery使用.each（）函数。

var myStringArray=[“hello”，“World”]；for（myStringArray中的var i）{alert（myStringArray[i]）；}

var myStringArray=[“hello”，“World”]；for（var i=0；i<myStringArray.length；i++）{alert（myStringArray[i]）；}

var myStringArray=[“hello”，“World”]；$.each（myStringArray，函数（索引，值）{警报（值）；})<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script>

您可以使用map，这是一种函数式编程技术，也可以在Python和Haskell等其他语言中使用。

[1,2,3,4].map( function(item) {
     alert(item);
})

一般语法为：

array.map(func)

一般来说，func需要一个参数，这是数组的一个项。但在JavaScript的情况下，它可以接受第二个参数，即项目的索引，以及第三个参数，也就是数组本身。

array.map的返回值是另一个数组，因此可以这样使用：

var x = [1,2,3,4].map( function(item) {return item * 10;});

现在x是[10,20,30,40]。

您不必内联编写函数。它可能是一个单独的功能。

var item_processor = function(item) {
      // Do something complicated to an item
}

new_list = my_list.map(item_processor);

这相当于：

 for (item in my_list) {item_processor(item);}

除非你没有得到new_list。

有多种方法可以在javascript中实现。下面是处理数组的常用方法。

方法1：

const students = ["Arun","Jos","John","Kiran"]
for (var index = 0; index < students.length; index++) {
  console.log(students[index]);
}

方法2：

students.forEach（（学生，索引）=>console.log（学生））；

方法3：

for (const student of students) {
      console.log(student);
}