鬆軟科技Web課堂:JavaScript While 迴圈

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

While 迴圈

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

語法

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

實例

在下麵的例子中，迴圈中的代碼將運行，一遍又一遍，只要變數（i）小於 10：

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

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

Do/While 迴圈

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

語法

do {
    要執行的代碼塊
}

while (條件);

實例

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

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

不要忘記對條件中所用變數進行遞增，否則迴圈永不會結束！

比較 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++;
}