关于js循环语句的二三事

js的循环语句

一、概念

1、循环: 重复，循环结构语句: 就是重复的执行一段代码。
2、循环的四个要素
（1）. 有一个初始化变量
（2）. 条件判断（循环条件）
（3）. 要重复执行的代码（循环体）
（4）. 改变初始化变量（循环变量）
3、基础循环结构语句有三种：
（1） while 循环
（2） do … while 循环
（3） for 循环

二、while循环

1、语法：

while(循环条件){
      // 要重复执行的代码(循环体);
        }

while: 当 … 时
当条件为 true 的时候, 就执行 { } 里面的代码
直到条件为 false 的时候, 就不再执行 { } 里面的代码了
2、例：我们要得到从1到10的数字

 var i = 1; //首先要定义一个变量并且初始化
 while (i <= 10) {
 console.log(i);
      i++;
   }

如果一开始第一次的条件判断就不满足, 那么一次都不执行

三、do…while循环

1、语法：

   do{
       //循环体
       }while(条件)

执行顺序和while循环基本一致，只不过不管条件是不是成立, 都先执行一次。
注意：先执行一次, 不是在最后多一次

 var i = 100
 do {
    console.log(i);   // 循环体
     i++;   //  改变变量
   } while (i <= 10);    //  条件判断

因为会先执行一次，所以即使i=100时，i<10不成立，也会输出100

四、for循环

1、语法

for(表达式1;表达式2;表达式3){
            //循环体
}

表达式1： 初始化
表达式2： 循环条件
表达式3： 增量(改变循环条件的范围)

2、例：

for (var i = 1; i <= 10; i++) {
      console.log(i)；              
    }

也可以写成以下形式：

 var i = 0 ;                        //1.初始化
 for (; i <= 10; ) {               //2.条件判断
 console.log(i);                   // 3.循环体
      i++ ;                        // 4. 改变初始化
  }

3、for语句的执行流程
（1） 执行表达式1，对循环进行初始化
（2） 执行表达式2，获得一个布尔结果
     表达式2的布尔结构是 ：true 执行循环体 / false 结束循环 从大括号后面开始执行
（3） 如果执行了循环体，则执行表达式3
（4）再执行表达式2，获得一个布尔结果
     表达式2的布尔结构是 ：true 执行循环体 / false 结束循环 从大括号后面开始执行
（5）如果执行了循环体，则执行表达式3

      以此规律继续循环执行，直到表达式2条件不满足，跳出循环

五、循环注意

（1）循环变量一定要初始化
（2）无论是任何循环语句，都要有尽头，不能无穷的重复，更不能写成死循环
（3）循环可以进行嵌套，一个循环里面可以嵌套多个循环

 for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                document.write(j + ' * ' + i + ' = ' + j * i + '&nbsp;&nbsp;')
            }
            document.write('</br>')
        }