JavaScript while 語句

實例

本例中的循環將繼續運行，只要變量i 小於5：:

var text = "";
var i = 0;
while (i < 5) {
text += " 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] + " ";
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] + " ";
}

嘗試一下»

實例

使用break 語句- 在變量i 等於3 時退出循環：

var text = "";
var i = 0;
while (i < 5) {
text += " 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 += " The number is " + i;
}

嘗試一下»

JavaScript & HTML DOM 參考手冊

JavaScript 對象

Browser 對象

DOM 對象

HTML 對象

JavaScript while 語句

實例

定義和用法

瀏覽器支持

語法

參數值

技術細節

更多實例

實例

實例

實例

實例

相關頁面