JS While 循环

---

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

---

While 循环

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

语法

while (condition) {
  // 要执行的代码块
}

实例

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

实例

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

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

---

Do/While 循环

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

语法

do {
  // 要执行的代码块
}
while (condition);

实例

下面的例子使用了 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++;
} 亲自试一试 »

---

学习训练

练习题:

创建一个循环，只要i小于 10 就可以运行。

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

提交答案 »

开始练习

---