欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

松软科技Web课堂:JavaScript While 循环

程序员文章站 2022-05-04 12:21:37
只要条件为 true,循环能够一直执行代码块。 While 循环 while 循环会一直循环代码块,只要指定的条件为 true。 语法 while (条件) { 要执行的代码块 } 实例 在下面的例子中,循环中的代码将运行,一遍又一遍,只要变量(i)小于 10: while (i < 10) { t ......

只要条件为 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++;
}