飞雀教育HTML5开发JavaScript学习资料：While循环简介

在学习j过程中，While循环是必学的知识，飞雀教育小编整理了“j学习：While循环简介”的相关内容，仅供参考。

1、While 循环

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

【语法】

while (条件)

  {

  需要执行的代码

  }

【示例】

下面例子中的循环将继续运行，只要变量 i 小于 5。

while (i<5)

  {

  x=x + "The number is " + i + "
";

  i++;

  }

【注意】

如果忘记增加条件中所用变量的值，该循环永远不会结束，还可能导致浏览器崩溃。

2、do/while 循环

do/while 循环是 while 循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。

【语法】

do

  {

  需要执行的代码

  }

while (条件);

【示例】

下面例子中使用 do/while 循环。该循环至少会执行一次，即使条件是 false，隐藏代码块会在条件被测试前执行。

do

  {

  x=x + "The number is " + i + "
";

  i++;

  }

while (i<5);

【注意】

别忘记增加条件中所用变量的值，否则循环永远不会结束。

3、比较 while和 for 

while 循环与 for 循环很像。

（1）for 语句

【示例】

下面例子中的循环使用 for 循环来显示 cars 数组中的所有值。

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

var i=0;

for (;cars;)

{

document.write(cars + "
");

i++;

}

（2）while 语句

【示例】

下面例子中的循环使用使用 while 循环来显示 cars 数组中的所有值。

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

var i=0;

while (cars)

{

document.write(cars + "
");

i++;

}

飞雀教育是一家专注于HTML5培训机构，又是HTML5培训课程的研发机构。我们拥有总监级HTML5培训讲师，致力于打造精英级的HTML5培训班，为广大学员提供最新、最全、最前沿的HTML5培训课程，让学员成为HTML5工程师，为社会培养精英实战人才。