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

如東網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),如東網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為如東超過(guò)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的如東做網(wǎng)站的公司定做！

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

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

背景

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

說(shuō)明

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)，沒(méi)有返回值。

3、for...in

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

最糟糕的做法，因?yàn)榇藭r(shí)的index是字符串，而且不一定按照數(shù)組的順序輸出，很嚇人。

僅適用于遍歷普通對(duì)象的key。

4、for...of

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

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