最新的Web開發教程
 

JavaScript While循環


只要指定條件為真循環可以執行的代碼塊。


While循環

while遍歷的代碼塊只要指定條件為真循環。

句法

while ( condition ) {
    code block to be executed
}

在下面的例子中,在循環中的代碼將運行,一遍遍,只要一變量(i)小於10:

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

如果你忘了增加的條件下使用的變量,循環永遠不會結束。 這會崩潰您的瀏覽器。


Do/While循環

do/while循環是while循環的一個變種。 此循環將執行一次代碼塊,檢查如果條件為真之前,則它將重複循環,只要條件為真。

句法

do {
    code block to be executed
}
while ( condition );

下面的示例使用do/while循環。 循環將總是至少執行一次,即使條件為假,因為測試條件之前執行的代碼塊:

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

不要忘記,以增加在條件中使用的變量,否則循環將永遠不會結束!


比較for和while

如果您已經閱讀前面的章節,關於for循環,你會發現,while循環是大致一樣的for循環,with語句1和語句3省略。

本例中的循環使用for循環以收集來自汽車陣列的車名:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

for (;cars[i];) {
    text += cars[i] + "<br>";
    i++;
}
試一試»

本例中的循環使用while循環以收集來自汽車陣列的車名:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}
試一試»

自測練習用!

練習1» 練習2» 練習3» 練習4» 練習5»