javaScript三种循环—for、while、do...while的用法及区别

js提供了三种循环：for ,while,do...while 
 循环：在程序中，一组被重复执行的语句被称为循环体，能否重复执行，取决于循环的终止条件，由循环体及循环的终止条件组成的语句被称为循环语句

1.for循环

语法结构：
            for(初始化变量;条件表达式;操作表达式){
                               循环体
                   }

 初始化变量：用来初始化一个用作计数器的变量，通常用var 来声明 ，并给变量一个初始值
 条件表达式 :用来决定每一次循环是否重复执行 也就是循环的终止条件
 操作表达式 :是每次循环最后执行的代码 通常用于对计数器进行更新（递增或递减）

例：  使用for循环输出1-100范围内的数字   

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

 上述代码的执行流程：
        1.执行var i =1;初始化变量
        2.判断 i<=100是否为true 如为true 执行循环体 反之，结束循环
        3.执行循环体，通过console.log(i) 输出变量i的值
        4.执行i++;将i的值进行更新 此时i的值为2
        5.判断i<=100是否为true，和第二个步骤一样，只要条件为true，就一直执行循环体，直到i=101,不满足条件，结束循环

 1.1for循环嵌套

   循环嵌套是指在一个循环中嵌套另一个循环，经常用于多维数组的处理  
    例：生成5行5列的星星图案
          

 var str = '';
 for(var i = 1;i<=5;i++){  //外层循环控制行数  外层循环一次 内层循环5次
     for(var j =1;j<=5;j++){  //内层循环控制列数
           str = str + "★";   // 内层for循环5次，往空字符串str里面添加5个星星 
       }                          
      str = str +'\n'         //这一步是换行
    }
    console.log(str);

运行结果：

1.2循环嵌套的典型案例--九九乘法表

代码如下：

var str = '';
for(var i = 1;i<=9;i++){     //控制外层循环  9行
	for(var j= 1;j<=i;j++){    // 控制内层循环  每行列数不一样
		str += i +"x"+ j +'='+ i*j+'\t';        
	}                          
str = str +'\n'
   }
console.log(str);

 运行结果：

 2.while循环

while语句可以在条件表达式为true的情况下，循环执行指定的一段代码，直到条件表达式为false时结束循环
     语法：
         while(条件表达式){
                循环体
            } 

例：计算1-100之间整数和
          

var i =1;
var sum =0;
while(i<=100){
	sum += i;  //sum =sum+i
	 i++;
   }
console.log(sum);  //5050

需要注意的是，在循环体中需要对计数器的值进行更新（i++），以防止出现死循环

 3.do...while循环

do...while循环的功能和while语句类似，
 其区别在于do...while会无条件的执行一次循环体中的代码，然后再判断条件，根据条件决定是否执行循环体，而while是先判断条件，再根据条件决定是否执行循环体
            // 语法    
            /* do{
                循环体
            }while() */         

//先执行循环体，再判断条件

例：算1-100之间整数和

var i =1;
var sum =0;
    do{
		sum += i;
		i++;
	  }while(i<=100)
	console.log(sum);

4.总结

for循环是先执行计数器，然后进入判断，如果条件为true,就执行循环体，再进入操作表达式i++，然后再进行判断是否满足条件，如果满足，继续执行循环体，不满足退出循环体。

while循环是先判断条件，满足条件，执行循环，不满足条件，退出循环。

do...while是先执行循环体，再进行判断，满足条件时，继续执行循环体，不满足条件则退出循环

以上是对JavaScript中三种循环的解释说明，希望能帮到有需要的同学，如有错误，请联系作者，创作不易，给作者一个小心心吧，感谢阅读！