JavaScript 教程

JavaScript while 循环


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


while 循环

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

语法

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

实例

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

实例

while (i < 5) {
    x = x + "The number is " + i + "<br>";
    i++;
}
尝试一下 »
lamp 如果您忘记增加条件中所用变量的值,该循环永远不会结束。这可能导致浏览器崩溃。

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"];
var i = 0;
for (; cars[i];) {
    document.write(cars[i] + "<br>");
    i++;
}
尝试一下 »

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

实例

cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
while (cars[i]) {
    document.write(cars[i] + "<br>");
    i++;
}
尝试一下 »
← 
 →

 笔记列表

while 使用 length 属性循环数组

while 和 do/while 的区别 : do/while至少会执行一遍

var size = [1, 2, 3, 4, 5, 6, 7]; //申明一个数组
var i = 0;

//while循环
while (i < size.length) {
    document.write(size[i] + " ");
    i++;
}

document.write("<br>---------------<br>");

//do…..while循环
j = 0 do {
    document.write(size[j] + " ");
    j++;
} while ( j < size . length )