前端必知必会-JavaScript While 循环

---

JavaScript While 循环

只要指定的条件为真，循环就可以执行一段代码。

While 循环

只要指定的条件为真，while 循环就会循环执行一段代码。

语法
``js
while (条件) {
// 要执行的代码块
}

示例
在下面的示例中，只要变量 (i) 小于 10，循环中的代码就会反复运行：

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

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

Do While 循环

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

语法

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

示例
下面的示例使用了 do while 循环。即使条件为假，循环也总是至少执行一次，因为代码块是在测试条件之前执行的：

示例

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

不要忘记增加条件中使用的变量，否则循环将永远不会结束！

比较 For 和 While

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++;
}

---

总结

本文介绍了JavaScript While 循环的使用，如有问题欢迎私信和评论