深奥的

让a=[“你好”，“世界”]；while（a.length）{console.log（a.shift（））；}

性能测试

今天（2022-11-13），我在Chrome 107、Safari 15.2和Firefox 106上对选定的解决方案进行了测试。

结论

解决方案C和D在所有阵列的所有浏览器上都是快速或最快的。解决方案A和B在所有阵列的所有浏览器上都是最慢的

后果

细节

我执行3项测试：

small-用于2元素数组（如OP）-可以在此处运行中等-用于10K元素阵列-您可以在这里运行大-对于100K元素数组-您可以在这里运行

下面的代码段显示了测试中使用的代码。

函数A（A）{设r=0；而（a.length）r+=a.shift（）.length；返回r；}函数B（a）{设r=0；对于（i in a）r+=a[i]长度；返回r；}函数C（a）{设r=0；对于（a的x）r+=x.length；返回r；}函数D（a）{设r=0；对于（i=0；i<a.length；++i）r+=a[i].length；返回r；}函数E（a）{设r=0；a.对于每个（x=>r+=x.length）；返回r；}let arr=[“你好”，“世界！”]；[A，B，C，D，E].forEach（f=>console.log（`${f.name}:${f（[…arr]）}`））

以下是Chrome对于中等阵列的示例结果：

优化的方法是缓存数组长度，并使用单变量模式，用一个var关键字初始化所有变量。

var i, max, myStringArray = ["Hello", "World"];
for (i = 0, max = myStringArray.length; i < max; i++) {
    alert(myStringArray[i]);

    // Do something
}

如果迭代的顺序无关紧要，那么您应该尝试反向循环。它是最快的，因为它减少了开销条件测试，并且减少了一个声明：

var i,myStringArray = ["item1","item2"];
for (i =  myStringArray.length; i--) {
    alert(myStringArray[i]);
}

或者使用while循环更好更干净：

var myStringArray = ["item1","item2"],i = myStringArray.length;
while(i--) {
   // Do something with fruits[i]
}

使用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

JavaScript中的数组遍历作弊表

给定一个数组，可以通过以下多种方式之一遍历它。

1.经典for loop

const myArray=['Hello'，'World']；for（设i=0；i<myArray.length；i++）{console.log（myArray[i]）；}

2.用于。。。属于

const myArray=['Hello'，'World']；for（myArray的常量项）{console.log（项）；}

3.Array.prototype.forEach（）

const myArray=['Hello'，'World']；myArray.forEach（项=>{console.log（项）；});

4.while循环

const myArray=['Hello'，'World']；设i=0；while（i＜myArray.length）{console.log（myArray[i]）；i++；}

5.do…while循环

const myArray=['Hello'，'World']；设i=0；做{console.log（myArray[i]）；i++；}而（i＜myArray.length）；

6.队列样式

const myArray=['Hello'，'World']；while（myArray.length）{console.log（myArray.shift（））；}

7.堆栈样式

注：该列表在本页中以相反的方式打印。const myArray=['Hello'，'World']；while（myArray.length）{console.log（myArray.pop（））；}

阵列迭代有4种方式：

// 1: for

for (let i = 0; i < arr.length; ++i) {
  console.log(arr[i]);
}

// 2: forEach

arr.forEach((v, i) => console.log(v));

// 3: for in

for (let i in arr) {
  console.log(arr[i]);
}

// 4: for of

for (const v of arr) {
  console.log(v);
}

总结：1和3个解决方案创建额外的变量，2-创建额外的函数上下文。最好的方式是第四位-“for of”。

如果您正在使用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，即使它是简单的字符串或数字值。）该方法返回其第一个参数，迭代的对象。