JavaScript循環的寫法有哪些

JavaScript迴圈的寫法有：1、「for (let index = 0; index < len; index ) {...}」方式；2、「myArray.forEach(function(index){. ..}」方式等等。

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

#JavaScript循環的寫法有哪些？

javascript之for循環的幾種寫法

背景

javascript中的for循環選擇多種多樣，可你知道其中的差異在哪裡嗎？什麼時候又該用哪種循環才是最佳策略？以上這些是本文想討論的，歡迎交流。

 #######說明# #####1、20年前的for迴圈###

//20年前的写法
let len = myArray.Length
for (let index = 0; index < len; index++) {
  console.log(myArray[index])
}

###中規中矩。######2、forEach###

//ES5的写法
myArray.forEach(function(index){
    //操作你的index，index即为数组中的元素
})

###缺點，沒有回傳值。####### 3、for...in###

//ES5的写法，劝你慎重
for (let index in myArray) { 
  // 千万别这样做
  console.log(myArray[index]);
}

###最糟糕的做法，因為此時的index是字串，而且不一定按照陣列的順序輸出，很嚇人。######只適用於遍歷普通物件的key。######4、for...of###

/**ES6写法
*支持数组
*类数组对象（如：NodeList对象）
*字符串
*Map
*set
*/
for (let value of myArray) {
  console.log(value);
}

###【推薦學習：###javascript基礎教學###】###

以上是JavaScript循環的寫法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！