javascript while 循環(huán)

只要條件為 true，循環(huán)能夠一直執(zhí)行代碼塊。

1. while 循環(huán)

while 循環(huán)會(huì)一直循環(huán)代碼塊，只要指定的條件為 true。

語法

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

范例

在下面的例子中，循環(huán)中的代碼將運(yùn)行，一遍又一遍，只要變量（i）小于 10：

while (i < 10) {
    text += "數(shù)字是 " + i;
    i++;
}

如果您忘了對(duì)條件中使用的變量進(jìn)行遞增，那么循環(huán)永不會(huì)結(jié)束。這會(huì)導(dǎo)致瀏覽器崩潰。

2. do/while 循環(huán)

do/while 循環(huán)是 while 循環(huán)的變體。在檢查條件是否為真之前，這種循環(huán)會(huì)執(zhí)行一次代碼塊，然后只要條件為真就會(huì)重復(fù)循環(huán)。

語法

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

范例

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

do {
    text += "the number is " + i;
    i++;
 }
while (i < 10);

不要忘記對(duì)條件中所用變量進(jìn)行遞增，否則循環(huán)永不會(huì)結(jié)束！

3. 比較 for 與 while

如果您已經(jīng)閱讀了之前關(guān)于循環(huán)的章節(jié)，您會(huì)發(fā)現(xiàn) while 循環(huán)與 for 循環(huán)相當(dāng)類似，其中的語句 1 和 語句 2 都可以省略。

本例中的循環(huán)使用 for 循環(huán)來提取 cars 數(shù)組中的汽車品牌：

范例

var cars = ["bmw", "volvo", "saab", "ford"];
var i = 0;
var text = "";
for (;cars[i];) {
    text += cars[i] + "<br>";
    i++;
} 

本例中的循環(huán)使用 while 循環(huán)來提取 cars 數(shù)組中的汽車品牌：

范例

var cars = ["bmw", "volvo", "saab", "ford"];
var i = 0;
var text = "";
 
while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}