JavaScript循環(huán)怎么寫

發(fā)布時間：2021-10-26 15:11:50 來源：億速云閱讀：141 作者：小新欄目：web開發(fā)

這篇文章主要介紹了JavaScript循環(huán)怎么寫，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

JavaScript循環(huán)的寫法有：1、“for (let index = 0; index < len; index++) {...}”方式；2、“myArray.forEach(function(index){...}”方式等等。

javascript之for循環(huán)的幾種寫法

背景

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

說明

1、20年前的for循環(huán)

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

中規(guī)中矩。

2、forEach

//ES5的寫法
myArray.forEach(function(index){
    //操作你的index，index即為數(shù)組中的元素
})

缺點(diǎn)，沒有返回值。

3、for...in

//ES5的寫法，勸你慎重
for (let index in myArray) { 
  // 千萬別這樣做
  console.log(myArray[index]);
}

最糟糕的做法，因為此時的index是字符串，而且不一定按照數(shù)組的順序輸出，很嚇人。

僅適用于遍歷普通對象的key。

4、for...of

/**ES6寫法
*支持?jǐn)?shù)組
*類數(shù)組對象（如：NodeList對象）
*字符串
*Map
*set
*/
for (let value of myArray) {
  console.log(value);
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JavaScript循環(huán)怎么寫”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

猜你喜歡