https://blog.csdn.net/kirinlau/article/details/75547354

在javascript中遍历数组的最常见的方法就是用for循环。有时候当被问到遍历数组方法时可能不知道怎么说好，毕竟只用过一种最基础的方法，这里简单的介绍几种遍历方法。

1. For循环

最常见，最简单，最方便顺手的一种数组遍历，但效率一般。
代码如下：

for (var i = 0; i < Things.length; i++) {
        Things[i]
     }

2. For in循环

这种循环的使用率也比较高，但效率不高，而且不安全，不建议使用。

var arr = [foo, bar,baz];
for (i in arr) {
    document.write(arr[i] + "<br />";
    }

备注: 值得注意的是”i”在这里表示的不是数组的项而是数组的索引即0，1，2，3……，为什么不安全呢？ 请看一下：

Array.prototype.copy = function () {return "test"};
var arr = new Array("foo", "bar", "baz");
    for (i in arr) {
        alert(arr[i]);             //foo, bar, baz,function () {return "test"}
        document.write(arr[i] + ",")
    }

以上代码执行的结果是依次弹出：foo, bar, baz, function () {return “test”}，而for循环没有这个问题。

3. For循环性能版

var arr = new Array("foo", "bar", "baz");
for(i = 0,len=arr.length; i < len; i++) {
     document.write(arr[i] + ",");
}

这种循环数组的方法其实就是for循环的改进版本，把数组的长度一次计算好赋值给一个临时的变量，避免多次重复计算数组的长度，在长度比较大的数组中使用优势比较明显。

# 4. ForEach循环

forEach() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组arr。

var arr = new Array("foo","bar","baz");
arr.forEach(function(e){  
    alert(e);  
})  

var items = arr.forEach(function (item,index,myarr) {  
       alert(myarr[index]);  
})  

这种遍历方式也比较多见，forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数，数组有几项，回调函数就执行几次，所以效率应该不如for循环。
备注：ie不支持foreach循环，使用时需要做兼容处理。

5. Map循环

var arr = new Array("foo","bar","baz");
arr.map( function(item) { 
   alert(item); 
}) 

不常用，效率应该不高(目前来说我判断效率直观的方法就看其有没有嵌套函数进行运算。。。哈哈~)。

版权声明：本文为博主原创文章，转载请注明出处 https://blog.csdn.net/kirinlau/article/details/75547354