目录

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 循环非常相似,只是省略了语句 1 和语句 3。

本例中的循环使用for循环从 cars 数组中收集汽车名称:

示例

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

for (;cars[i];) {
  text += cars[i];
  i++;
}
亲自试一试 »

本例中的循环使用while循环从 cars 数组中收集汽车名称:

示例

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

while (cars[i]) {
  text += cars[i];
  i++;
}
亲自试一试 »

通过练习测试一下

练习:

创建一个循环,运行时间只要i小于10。

let i = 0;
 (i  10) {
  console.log(i);
  i++
}

开始练习