While循环js

只要指定条件为 true，循环就可以一直执行代码块。

while 循环

while 循环会在指定条件为真时循环执行代码块。

语法

实例

本例中的循环将继续运行，只要变量 i 小于 5：

实例

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

尝试一下 »

	如果您忘记增加条件中所用变量的值，该循环永远不会结束。这可能导致浏览器崩溃。

do/while 循环

do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。

语法

do
{
    需要执行的代码
}
while (条件);

实例

下面的例子使用 do/while 循环。该循环至少会执行一次，即使条件为 false 它也会执行一次，因为代码块会在条件被测试前执行：

实例

do{x=x + "The number is " + i + "<br>"; i++; }while(i<5);

尝试一下 »

别忘记增加条件中所用变量的值，否则循环永远不会结束！

比较 for 和 while

如果您已经阅读了前面那一章关于 for 循环的内容，您会发现 while 循环与 for 循环很像。

本例中的循环使用 for 循环来显示 cars 数组中的所有值：

实例

cars=["BMW","Volvo","Saab","Ford"]; vari=0; for(;cars[i];){document.write(cars[i] + "<br>"); i++; }

尝试一下 »

本例中的循环使用 while 循环来显示 cars 数组中的所有值：

实例

cars=["BMW","Volvo","Saab","Ford"]; vari=0; while(cars[i]){document.write(cars[i] + "<br>"); i++; }

尝试一下 »

• JS Loop For Of
• JS Break

只要条件为 true，循环能够一直执行代码块。

While 循环

while 循环会一直循环代码块，只要指定的条件为 true。

语法

while (条件) {
    要执行的代码块
}

实例

在下面的例子中，循环中的代码将运行，一遍又一遍，只要变量（i）小于 10：

while (i < 10) {
    text += "数字是 " + i;
    i++;
}

亲自试一试

如果您忘了对条件中使用的变量进行递增，那么循环永不会结束。这会导致浏览器崩溃。

Do/While 循环

do/while 循环是 while 循环的变体。在检查条件是否为真之前，这种循环会执行一次代码块，然后只要条件为真就会重复循环。

语法

do {
    要执行的代码块
}

while (条件);

实例

下面的例子使用了 do/while 循环。该循环会执行至少一次，即使条件为 false，因为代码块会在条件测试之前执行：

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

亲自试一试

不要忘记对条件中所用变量进行递增，否则循环永不会结束！

比较 For 与 While

如果您已经阅读了之前关于循环的章节，您会发现 while 循环与 for 循环相当类似，其中的语句 1 和 语句 2 都可以省略。

本例中的循环使用 for 循环来提取 cars 数组中的汽车品牌：

实例

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

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

亲自试一试

本例中的循环使用 while 循环来提取 cars 数组中的汽车品牌：

实例

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

亲自试一试

课外书

如需更多有关 JavaScript while 语句的知识，请阅读 JavaScript 高级教程中的相关内容：

• JS Loop For Of
• JS Break