淘先锋技术网

首页 1 2 3 4 5 6 7

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是先判断条件,再根据条件决定是否执行循环体
            // 语法    
                     

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

例:算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中三种循环的解释说明,希望能帮到有需要的同学,如有错误,请联系作者,创作不易,给作者一个小心心吧,感谢阅读!