最新的Web開發教程
 

JavaScript同時聲明

<JavaScript語句參考

循環通過只要一個可變的代碼塊(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的支持不同類型的循環:

  • for -通過代碼塊循環的次數
  • for/in -遍歷一個對象的屬性
  • while -遍歷的代碼塊,同時指定的條件是真
  • 做/同時 -通過代碼塊循環一次,然後重複這個循環而指定的條件是真

提示:使用斷點語句跳出循環,而繼續語句跳過循環的值。


瀏覽器支持

聲明
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語句參考