JavaScript while 語句

JavaScript 語句參考手冊 JavaScript 語句參考手冊

實例

本例中的迴圈將繼續運行，只要變數 i 小於 5：:

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

text 輸出結果為:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4

本文底部包含了更多實例。

定義和用法

while 語句只要指定條件為 true，就會執行迴圈。

只要指定條件為 true，迴圈就可以一直執行代碼。。

JavaScript 支持不同類型的迴圈：

  • for - 迴圈代碼塊一定的次數
  • for/in - 迴圈遍曆對象的屬性
  • while - 當指定的條件為 true 時迴圈指定的代碼塊
  • do/while - 同樣當指定的條件為 true 時迴圈指定的代碼塊，但該語句會在條件判斷前先執行一次

提示： 使用 break 語句來跳出迴圈，使用continue 語句用於跳出當前的迭代，並開始下一次迭代。

流覽器支持

語句
while Yes Yes Yes Yes Yes

語法

while (condition) {
    code block to be executed
}

參數值

參數 描述
condition 必須。定義執行迴圈的條件。如果返回 true，迴圈會繼續執行，如果返回 false，迴圈會停止。

注意： 如果你的條件一直為 true，該迴圈永遠不會結束。該可能導致流覽器崩潰。

注意： 如果您忘記增加條件中所用變數的值，該迴圈永遠不會結束。該可能導致流覽器崩潰。

技術細節

JavaScript 版本： 1.0

實例

更多實例

實例

通過數組的索引迴圈，輸出車名：

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

實例解析:

  • 實現，我們在迴圈開始前設置了變數 (var i = 0;)
  • 然後，我們呢定義了迴圈的條件。知道變數 i 小於數組的長度（4）
  • 每次執行迴圈，變數都會遞增 1 (i++)
  • 一旦變數不再小於 (數組長度), 條件就為 false，迴圈就會終止。

實例

迴圈從數組的最後一個索引開始：

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
    text += cars[len] + "<br>";
}


實例

使用 break 語句 - 在 變數 i 等於 3 時退出迴圈：

var text = "";
var i = 0;
while (i < 5) {
    text += "<br>The number is " + i;
    i++;
if (i == 3) {
        break;
}
}


實例

使用 continue 語句 - 迴圈代碼塊，在變數為 "3" 時跳過該次迴圈:

var text = "";
var i = 0;
while (i < 5) {
i++;
    if (i == 3) {
continue;
    }
text += "<br>The number is " + i;
}


相關頁面

JavaScript 教學: JavaScript While 迴圈

JavaScript 參考手冊: JavaScript do ... while 語句

JavaScript 參考手冊: JavaScript for 語句

JavaScript 參考手冊: JavaScript break 語句

JavaScript 參考手冊: JavaScript continue 語句

JavaScript 語句參考手冊 JavaScript 語句參考手冊