欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS学习之路(十五):JavaScript While 循环

程序员文章站 2022-07-14 23:35:52
...

只要指定条件为 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++;
}