JavaScript while 循环 -HTML教程 -css5.net


JavaScript while 循环


只需指出条件为 true,循环就能够一直执行代码块。


一、while 循环

while 循环会不断循环代码块,指定条件为 true。

二、语法

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

三、示例代码

示例代码中循环将继续运行,只需变量 (i) 小于 5:

示例代码

while (i<5)

{

x=x + "The number is " + i + "<br>";

i++;

}


演示一下


假如你遗忘对条件中运用的变量停止递加,循环永不会完毕,会导致浏览器解体。



四、do/while 循环

do/while 循环是 while 循环的变体。在检查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 循环很类似。

示例代码 循环使用 for 循环来显现 cars 数组中全部值:

示例代码

cars=["BMW","Volvo","Saab","Ford"];

var i=0;

for (;cars[i];)

{

   document.write(cars[i] + "<br>");

   i++;

}


演示一下

示例代码 循环使用 while 循环来显现 cars 数组中全部值:

示例代码

cars=["BMW","Volvo","Saab","Ford"];

var i=0;

while (cars[i])

{

   document.write(cars[i] + "<br>");

   i++;

}


演示一下



相关参考文章

Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved