在JavaScript中循环数组

在Java中，可以使用for循环遍历数组中的对象，如下所示：

String[] myStringArray = {"Hello", "World"};
for (String s : myStringArray) {
    // Do something
}

我可以在JavaScript中做同样的事情吗？

当前回答

如果有人对Array迭代可用的多种机制的性能方面感兴趣，我准备了以下JSPerf测试：

https://jsperf.com/fastest-array-iterator

结果：

传统的for（）迭代器是迄今为止最快的方法，尤其是在缓存数组长度时。

let arr = [1,2,3,4,5];

for(let i=0, size=arr.length; i<size; i++){
    // Do something
}

Array.prototype.forEach（）和Array.prototype.map（）方法是最慢的近似方法，可能是函数调用开销的结果。

其他回答

使用while循环。。。

var i = 0, item, items = ['one', 'two', 'three'];
while(item = items[i++]){
    console.log(item);
}

它记录：“一”、“二”和“三”

对于相反的顺序，一个更有效的循环：

var items = ['one', 'two', 'three'], i = items.length;
while(i--){
    console.log(items[i]);
}

它记录：“三”、“二”和“一”

或者经典的for循环：

var items = ['one', 'two', 'three']
for(var i=0, l = items.length; i < l; i++){
    console.log(items[i]);
}

它记录：“一”、“两”、“三”

参考资料：谷歌闭包：如何不编写JavaScript

当然，这是低效的，很多人都鄙视它，但它是最接近上述的一种：

var myStringArray = ["Hello","World"];
myStringArray.forEach(function(f){
    // Do something
})

例如，我在Firefox控制台中使用了：

[].forEach.call(document.getElementsByTagName('pre'), function(e){ 
   console.log(e);
})

您可以使用querySelectorAll获得相同的结果

document.querySelectorAll（'pre'）.forEach（（e）=>{console.log（e.textContent）；})<pre>文本1</pre><pre>文本2</pre><pre>文本3</pre>

在JavaScript中，不建议使用for In循环遍历Array，但最好使用for循环，例如：

for(var i=0, len=myArray.length; i < len; i++){}

它也进行了优化（“缓存”数组长度）。如果你想了解更多，请阅读我关于这个主题的帖子。

var myStringArray = ["hello", "World"];
myStringArray.forEach(function(val, index){
   console.log(val, index);
})

推荐文章