各位小伙伴們！今天薅羊毛必修課程- JavaScript for 循環(huán)又來(lái)了！我們不得不承認(rèn)，如果沒(méi)有循環(huán)語(yǔ)句，JS 的編程效率真的是比本寶寶的成績(jī)單還低！那么循環(huán)語(yǔ)句到底是什么呢？它能為我們做些什么呢？請(qǐng)跟隨本寶寶一起來(lái)探索吧！

首先讓我們康康循環(huán)語(yǔ)句究竟是啥？循環(huán)語(yǔ)句簡(jiǎn)單地說(shuō)就是一套可以重復(fù)執(zhí)行某個(gè)指令或代碼段的結(jié)構(gòu)。一條一條地按照預(yù)定的次數(shù)執(zhí)行，直到執(zhí)行次數(shù)達(dá)到預(yù)定的次數(shù)，才能跳出循環(huán)。循環(huán)語(yǔ)句最常見(jiàn)的三種結(jié)構(gòu)分別有 for、while 和 do-while，接下來(lái)我們也將詳細(xì)解析這三種繞不過(guò)去的神器。

首先就是 for 循環(huán)！內(nèi)容是最基礎(chǔ)的喲！for 循環(huán)是個(gè)可執(zhí)行基本循環(huán)任務(wù)的 JS 循環(huán)語(yǔ)句，它能夠依次對(duì)一個(gè)數(shù)據(jù)段實(shí)現(xiàn)遍歷。其完成機(jī)制是根據(jù)指明的次數(shù)，對(duì)于數(shù)組或是循環(huán)列表等等進(jìn)行重復(fù)操作。for 循環(huán)就像布娃娃，有多種形態(tài)。for 循環(huán)的通用形式如下：

```

for (初始化表達(dá); 條件表達(dá)式; 增量表達(dá)式) {

循環(huán)語(yǔ)句

}

```

看起來(lái)比較抽象？沒(méi)事，以下本寶寶也將為大家詳細(xì)舉例說(shuō)明。

比如說(shuō)，小明每次打籃球都要投10球，試試看如何使用 for 循環(huán)？我們可以這樣寫(xiě)：

```

for (var i = 1; i <= 10; i++) {

console.log("小明第" + i + "次投籃");

}

```

如果你實(shí)際運(yùn)行過(guò)程中會(huì)發(fā)現(xiàn)，當(dāng)小明投籃超過(guò)10次，循環(huán)就終止了。這其實(shí)就是循環(huán)的本質(zhì)：它按照預(yù)設(shè)的條件進(jìn)行執(zhí)行，直到達(dá)到這個(gè)條件為止。

接下來(lái)就是 while 循環(huán)了！同樣是三大神器之一，while 循環(huán)的意義在于多次執(zhí)行同一個(gè)循環(huán)體語(yǔ)句。與 for 循環(huán)不同，while 循環(huán)通常不依賴計(jì)數(shù)器，而是在滿足指定條件的情況下一直循環(huán)。while 循環(huán)基本語(yǔ)法如下:

```

while (條件表達(dá)式) {

循環(huán)語(yǔ)句

}

```

還是不太理解？沒(méi)事，下面還有一個(gè)經(jīng)典例子。比如說(shuō)小明每次投籃都會(huì)看一下拋球的高度，當(dāng)高度大于等于2米的時(shí)候，他將停止投球。我們可以這樣編寫(xiě) while 循環(huán)代碼：

```

var basketball_height = 0;

while (basketball_height < 2) {

console.log("投籃成功!拋球高度為" + basketball_height + "米。");

basketball_height += 0.1;

}

console.log("投籃失敗，拋球高度為" + basketball_height + "米。");

```

好了，學(xué)完 while 循環(huán)，接下來(lái)就是最后一個(gè)寶藏神器 ---- do-while 循環(huán)。所謂 do-while 循環(huán)，是將循環(huán)體放在循環(huán)結(jié)束后執(zhí)行的一種循環(huán)結(jié)構(gòu)形式。先執(zhí)行一次循環(huán)體，再對(duì)條件表達(dá)式進(jìn)行判斷，判斷結(jié)果為 true 時(shí)，繼續(xù)執(zhí)行循環(huán)語(yǔ)句。do-while 循環(huán)的語(yǔ)法格式如下所示:

```

do {

循環(huán)語(yǔ)句

} while (條件表達(dá)式);

```

這個(gè)形式在實(shí)際開(kāi)發(fā)中也是極其實(shí)用的，幫助我們?cè)诓淮_定性的情況下頂住壓力。難道你不想知道，當(dāng)小明一直投籃不停時(shí)的情景嗎？我們康康！之所以被稱為 do-while 循環(huán)，是因?yàn)樗鼤?huì)先執(zhí)行一次循環(huán)體，再進(jìn)行判斷，而 while 循環(huán)是先進(jìn)行判斷，再執(zhí)行循環(huán)體。與 while 循環(huán)不同，do-while 循環(huán)在循環(huán)過(guò)程中至少會(huì)執(zhí)行一次循環(huán)體。

代碼示例：

```

var count = 0;

do {

console.log("小明第" + ++count + "次投籃");

} while (count < 5);

```

好啦，這三個(gè)小家伙我們一一重點(diǎn)講解哦！本篇文章的重點(diǎn)也已經(jīng)在此清晰呈現(xiàn)，相信跟上了的小伙伴們也不會(huì)再對(duì)這三個(gè)繞不過(guò)去的神器感到頭疼啦！所以，還不趕快動(dòng)手試試？別忘了 JS 的資深工程師都是從這里開(kāi)始踏上成神的道路哦！ www.yinyiprinting.cn 寧波海美seo網(wǎng)絡(luò)優(yōu)化公司 是網(wǎng)頁(yè)設(shè)計(jì)制作，網(wǎng)站優(yōu)化，企業(yè)關(guān)鍵詞排名，網(wǎng)絡(luò)營(yíng)銷(xiāo)知識(shí)和開(kāi)發(fā)愛(ài)好者的一站式目的地，提供豐富的信息、資源和工具來(lái)幫助用戶創(chuàng)建令人驚嘆的實(shí)用網(wǎng)站。 該平臺(tái)致力于提供實(shí)用、相關(guān)和最新的內(nèi)容，這使其成為初學(xué)者和經(jīng)驗(yàn)豐富的專業(yè)人士的寶貴資源。