javascript while 循環

只要條件為 true，循環能夠一直執行代碼塊。

1. while 循環

while 循環會一直循環代碼塊，只要指定的條件為 true。

語法

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

范例

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

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

如果您忘了對條件中使用的變量進行遞增，那么循環永不會結束。這會導致瀏覽器崩潰。

2. do/while 循環

do/while 循環是 while 循環的變體。在檢查條件是否為真之前，這種循環會執行一次代碼塊，然后只要條件為真就會重復循環。

語法

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

范例

下面的例子使用了 do/while 循環。該循環會執行至少一次，即使條件為 false，因為代碼塊會在條件測試之前執行：

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

不要忘記對條件中所用變量進行遞增，否則循環永不會結束！

3. 比較 for 與 while

如果您已經閱讀了之前關于循環的章節，您會發現 while 循環與 for 循環相當類似，其中的語句 1 和 語句 2 都可以省略。

本例中的循環使用 for 循環來提取 cars 數組中的汽車品牌：

范例

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

本例中的循環使用 while 循環來提取 cars 數組中的汽車品牌：

范例

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