JavaScript while 循環(huán)

2022-05-18 14:38 更新

JavaScript while 循環(huán)的目的是為了反復(fù)執(zhí)行語(yǔ)句或代碼塊。

只要指定條件為 true,循環(huán)就可以一直執(zhí)行代碼塊。


while 循環(huán)

while 循環(huán)會(huì)在指定條件為真時(shí)循環(huán)執(zhí)行代碼塊。

語(yǔ)法

while (條件){
 需要執(zhí)行的代碼
}

實(shí)例

本例中的循環(huán)將繼續(xù)運(yùn)行,只要變量 i 小于 5:

實(shí)例

while (i<5){
  x=x + "The number is " + i + "<br>";
  i++;
}

嘗試一下 ?

提示:在本站JavaScript編程實(shí)戰(zhàn)部分,您可以通過練習(xí)來(lái)實(shí)現(xiàn)使用while語(yǔ)句循環(huán)迭代。

lamp 如果您忘記增加條件中所用變量的值,該循環(huán)永遠(yuǎn)不會(huì)結(jié)束。這可能導(dǎo)致瀏覽器崩潰。


do/while 循環(huán)

do/while 循環(huán)是 while 循環(huán)的變體。該循環(huán)會(huì)在檢查條件是否為真之前執(zhí)行一次代碼塊,然后如果條件為真的話,就會(huì)重復(fù)這個(gè)循環(huán)。

語(yǔ)法

 do{
  需要執(zhí)行的代碼
 }while (條件);

實(shí)例

下面的例子使用 do/while 循環(huán)。該循環(huán)至少會(huì)執(zhí)行一次,即使條件為 false 它也會(huì)執(zhí)行一次,因?yàn)榇a塊會(huì)在條件被測(cè)試前執(zhí)行:

實(shí)例

do{
  x=x + "The number is " + i + "<br>";
  i++;
}while (i<5);

嘗試一下 ?

別忘記增加條件中所用變量的值,否則循環(huán)永遠(yuǎn)不會(huì)結(jié)束!


比較 for 和 while

如果您已經(jīng)閱讀了前面那一章關(guān)于 for 循環(huán)的內(nèi)容,您會(huì)發(fā)現(xiàn) while 循環(huán)與 for 循環(huán)很像。

本例中的循環(huán)使用 for 循環(huán)來(lái)顯示 cars 數(shù)組中的所有值:

實(shí)例

cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];){
    document.write(cars[i] + "<br>");
    i++;
}

嘗試一下 ?

本例中的循環(huán)使用 while 循環(huán)來(lái)顯示 cars 數(shù)組中的所有值:

實(shí)例

cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i]){
    document.write(cars[i] + "<br>");
    i++;
}

嘗試一下 ?


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)