JavaScript--while_var i=0; while (i<5){ document.write(i + " "); i++-优快云博客

本文链接：https://blog.youkuaiyun.com/u012701023/article/details/46313175

本文介绍了while循环的基本概念及其在JavaScript中的应用。包括while循环和do/while循环的语法、实例对比，以及与for循环的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

只要指定条件为 true，循环就可以一直执行代码。
while 循环

While 循环会在指定条件为真时循环执行代码块。
语法

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

实例

本例中的循环将继续运行，只要变量 i 小于 5：

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

提示：如果忘记增加条件中所用变量的值，该循环永远不会结束。该可能导致浏览器崩溃。
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 循环很像。
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++;

}

<!DOCTYPE html>
<html>
<body>
<meta http-equiv="Content-Type" content="text/html charset=utf-8"/>
<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button οnclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x="",i=0;
while (i<5)
{
x=x+"The number is " + i +"<br>";//将每一次执行的结果输出
//document.write(x);
document.getElementById("demo").innerHTML=x;
i++;
}
//document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>