例
循環通過只要一個可變的代碼塊(i)小於5:
var text = "";
var i = 0;
while (i < 5) {
text
+= "<br>The number is " + i;
i++;
}
文本的結果將是:
The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
試一試» 更多"Try it Yourself"下面的例子。
定義和用法
while語句創建而指定的條件成立時執行的循環。
循環將繼續只要條件為真運行。 當條件為假它只會停止。
JavaScript的支持不同類型的循環:
瀏覽器支持
聲明 | |||||
---|---|---|---|---|---|
while | 是 | 是 | 是 | 是 | 是 |
句法
參數值 參數 描述 condition 需要。 定義用於運行循環中的條件(the code block) 。 如果返回true,則循環將重新開始,如果返回false,循環將結束。
注意:如果條件永遠是真,循環將永遠不會結束。 這會崩潰您的瀏覽器。
注:如果您使用的是帶有可變的條件,在循環之前進行初始化,以及循環內加一。 如果你忘了增加變量,循環將永遠不會結束。 這也將崩潰,您的瀏覽器。
技術細節
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;)
- 然後,我們定義為循環運行的條件。 只要變量小於所述陣列的長度(which is 4)循環將繼續
- 每執行一次循環,該變量被加一(i++)
- 一旦變量不再是小於4 (array's length) ,該條件為假,並且循環將結束
例
環向後通過陣列的索引:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len
= cars.length;
while (len--) {
text += cars[len] +
"<br>";
} 試一試»
例
通過代碼塊循環,但退出循環當變量i等於-使用break語句"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的做... while語句
javascript參考: JavaScript來聲明
javascript參考: JavaScript的break語句
javascript參考: JavaScript的continue語句
<JavaScript語句參考