Javascript常用的三种循环

Javascript常用的三种循环

什么是循环？就像每天周而复始的生活，在程序员眼里循环就是重复的运行一段代码（做的是相同或相似的事情），在javascript常用的三种循环有：for循环、while循环、 do-while循环。

1.for循环

for循环在javascript最常用的循环
语法：它包含了三个可选的表达式，这三个表达式被包围在圆括号之中，使用分号分隔，后跟一个用于在循环中执行的语句。

表达式1：在循环开始前执行,在这里通常先用来声明变量赋值；

表达式2：定义运行循环的条件，用来判断如果条件成立就开始循环，如果条件不成立则循环结束，这个表达式是可选的。如果被忽略，那么就直接被认为条件成立开始执行循环。

表达式3：在循环已被执行之后执行，通常被用于更新或者递增计数器变量。

for(表达式1;表达式2;表达式3){
    // 循环体 其中需要包括循环变量的变化
}

示例：

<script>
           // 输出1-20        
        for(var i = 1; i <= 20; i++){
          // 在循环体中，i的值从1变化到20
          console.log(i);
        }
    </script>

2.while循环

while循环一般当满足条件时进入循环，进入循环后，当条件不满足时，跳出循环。注意：如果您忘了对条件中使用的变量进行递增，那么循环永不会结束。这会导致浏览器崩溃。
语法：

while(条件){
// 循环体 其中需要包括循环变量的变化
}

示例：

    <script>
        // 1到8数之和
        var i = 0;
        var j = 0;
        while(i < 8){
          i++;
          console.log(i);
          j += i;
        }
        console.log(j);
    </script>

3.do-while循环

do-while循环是while 循环的变体。在检查条件是否为真之前，这种循环会先执行一次循环体，然后只要条件为真就会重复循环。
语法：

do{
// 循环体 其中需要包括循环变量的变化
}while(条件)

示例：

<script>
        // 在网页中输出十句 hello world
        var i = 1;
        do{
            document.write(i + '.hello world<br/>');
            i ++;
        }while(i <= 10);
    </script>