JavaScript while 循环
示例
只要 i 小于 5，循环代码块
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
}
试试看 »
循环（迭代）一个数组以收集汽车名称
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
试试看 »
- 循环从位置 0 开始 (
let i = 0). - 循环在每次运行时都会递增
i(i++). - 循环只要
i < cars.length就会运行。
以下有更多示例。
描述
while 语句创建一个循环（围绕一个代码块），只要条件为 true 就会执行。
只要条件为 true，循环就会运行。否则它就会停止。
另请参阅
JavaScript 循环语句
| 语句 | 描述 | |
| break | 退出循环 | |
| continue | 跳过循环中的一个值 | |
| while | 在条件为 true 时循环代码块 | |
| do...while | 循环代码块一次，然后在条件为 true 时循环 | |
| for | 在条件为 true 时循环代码块 | |
| for...of | 循环任何可迭代对象的的值 | |
| for...in | 循环对象的属性 |
语法
while (condition) {
要执行的代码块
}
参数
| 参数 | 描述 |
| condition | 必需。 运行代码块的条件。如果它返回 true，代码块将重新开始，否则它将结束。 |
注意
如果条件始终为 true，循环将永远不会结束。这会导致浏览器崩溃。
如果您在条件中使用变量，您必须在循环之前初始化它，并在循环中递增它。否则循环将永远不会结束。这也会导致浏览器崩溃。
更多示例
以降序（负递增）循环数组
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let len = cars.length;
while (len--) {
text += cars[len] + "<br>";
}
试试看 »
使用 break - 循环遍历代码块，但在 i == 3 时退出循环
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
if (i == 3) break;
}
试试看 »
使用 continue - 循环遍历代码块，但跳过值 3
let text = "";
let i = 0;
while (i < 5) {
i++;
if (i == 3) continue;
text += i + "<br>";
}
试试看 »
浏览器支持
while 是 ECMAScript1 (ES1) 功能。
ES1 (JavaScript 1997) 在所有浏览器中得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
