首页>>网站建设>>Javascript>>经验笔记

JavaScript while循环

上节我们说到的是JavaScript中的for循环以及for/in循环，本节说while和do/while循环。

一、while循环语法

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

在while后面的条件满足时，执行花括号里面的代码块，如果条件一直为真，则会无限循环（PS：一定要避免无限循环，否则程序将会进入死循环无法出来）。

JavaScript实例：

i=0
while (i<5)
{
    x=x + "本次结果为： " + i + "<br>";
    i++;
}

该JavaScript会输出0~4，然后跳出循环。

本次结果为 0
本次结果为 1
本次结果为 2
本次结果为 3
本次结果为 4

程序执行顺序如下：

1、起始，i=0，小于5是成立的，进入循环体，输出x为0，然后i自增1等于1；

2、i=1，小于5是成立的，进入循环体，输出x为1，然后i自增1等于2；

3、i=2，小于5是成立的，进入循环体，输出x为2，然后i自增1等于3；

4、i=3，小于5是成立的，进入循环体，输出x为3，然后i自增1等于4；

1、i=4，小于5是成立的，进入循环体，输出x为4，然后i自增1等于5；

1、i=5，小于5是不成立的，循环结束；

二、do/while循环

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

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

实例说明：

i=0
do
{
    x=x + "本次结果为 " + i + "<br>";
    i++;
}
while (i<5);

输出和while实例是一样的，只是条件判断的时机不一样，whil判断在前，do、while判断在后。

PS“别忘记增加条件中所用变量的值，否则JavaScript程序循环永远不会结束！”

学习不止眼前的教程与笔记还需实践与创新——小伙伴们块动手试试吧~