JavaScript 循环

JavaScript 支持不同类型的循环：

        for-循环代码块一定的次数

        for/in-循环遍历对象的属性

        while-当指定的条件为true时循环指定的代码块

        do/while-同样当指定的条件为true时循环指定的代码块

For循环

for循环是在希望创建循环时常会用到的工具。

下面是for循环的语法：

<script>
for(语句 1；语句 2；语句 3；){
    被执行的代码块
    }
</script>

语句1：（代码块）开始执行

语句2：定义运行循环（代码块）的条件

语句3：在循环（代码块）已被执行之后执行

<script>
for(var i=0; i<5; i++){
    x=x+'该数字为'+i+'<br>';
    }
</script>

从上面的例子中，可以看到：

Statement 1在循环开始之前设置变量(var i=0).

Statement 2定义循环运行的条件(i必须小于5).

Statement 3在每次代码块已被执行后增加一个值(i++).

语句1

通常我们会使用语句1初始化循环中所用的变量（var i=0）。

语句1是可选的，也就是说不使用语句1也可以。

可以在语句1中初始化任意(或者多个)值：

<script>
for(var i=0,len=cars.length;i<len;i++){
    document.write(cars[i] + '<br>');
    }
</script>

语句2

通常语句二用于评估初始变量的条件。

语句2同样是可选的。

如果语句2返回true，则循环再次开始，如果返回false，则循环将结束。

语句3

通常语句3会增加初始变量的值。

语句3也是可选的。

语句3有多种用法。增量可以是负数(i--),或者更大(i=i+15)。

语句3也可以省略(比如当循环内部有相应的代码时)：

<script>
var i=0,len = cars.length;
for(;i<len;){
    document.write(cars[i]+'<br>');
    i++;
    }
</script>

For/In 循环

JavaScript for/in语句循环遍历对象的属性：

<script>
 var person={fname:"Bill",lname:"Gates",age:56}; 
 
 for (x in person)  // x 为属性名
    {
    txt=txt + person[x];
    }
</script>

while 循环

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

语法：

<script>
while(条件）{
    需要执行的代码
    }
</script>

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

do/while 循环

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

语法：

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

比较 for 和whil

while循环与for循环很像，下面分别用for循环和while循环展示cars数组中的所有值

for循环：

<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];){
    document.write(cars[i] + "<br>");
    i++;
    }
</script>

while循环：

<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i]){
     document.write(cars[i] + "<br>");
     i++;
    }
</script>