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 | 当条件为真时循环代码块 | |
do...while | 执行一次代码块,然后当条件为真时继续循环 | |
for | 当条件为真时循环代码块 | |
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 |
是 | 是 | 是 | 是 | 是 | 是 |