JavaScript While 循环与 Do/While 循环详解

作者:木棉时间:2026-10-31 02:29:08浏览:291

本文详细介绍 JavaScript 中 While 循环和 Do/While 循环的基本语法与使用场景。通过具体代码实例,展示如何利用 While 循环在条件为真时重复执行代码块,以及 Do/While 循环至少执行一次的特性。此外,文章还对比了 While 循环与 For 循环在遍历数组时的异同,帮助开发者掌握不同循环结构的适用情况,避免无限循环导致的浏览器崩溃风险。

While 循环基础

while 循环

当指定条件为真时,While 循环会重复执行代码块。

语法

while (条件) { 需要执行的代码 }

实例 只要变量 i 小于 5,本例中的循环将持续运行:


while (i<5)
 {
 x=x + "The number is " + i + "<br>";
 i++;
 }

提示:若未增加条件中变量的值,循环将永不结束,可能导致浏览器崩溃。

Do/While 循环

do/while 循环

do/while 循环是 while 循环的变体。它先执行一次代码块,再检查条件是否为真;若条件为真,则重复循环。

语法


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

实例 以下示例使用 do/while 循环。即使条件为 false,该循环至少执行一次,因为隐藏代码块在条件测试前已执行:


do
 {
 x=x + "The number is " + i + "<br>";
 i++;
 }
while (i<5);

切勿忘记增加条件中变量的值,否则循环将永不结束!

For 循环与 While 循环对比

比较 for 和 while 若您已阅读前章关于 for 循环的内容,会发现 while 循环与 for 循环极为相似。

for 语句实例 本例中的循环使用 for 循环显示 cars 数组中的所有值:


cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];)
{
document.write(cars[i] + "<br>");
i++;
}

while 语句实例 本例中的循环使用 while 循环显示 cars 数组中的所有值:


cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
document.write(cars[i] + "<br>");
i++;
}

好了,这篇文章就介绍到这了,希望对大家有帮助。

作者最新文章