四时宝库

程序员的知识宝库

Js基础22:流程控制之循环结构(javascript循环结构)

在js中,如果我们要连续输出同样的一句话多次,会比较麻烦

 //输出 xxx,不愧是你!! 6 次
 console.log('不愧是你!!');
 console.log('不愧是你!!');
 console.log('不愧是你!!');
 console.log('不愧是你!!');
 console.log('不愧是你!!');
 console.log('不愧是你!!');
 

同样的代码我们写了6次,这样是不好的,重复多次时,我们使用循环结构结构

1、for循环

语法:

 for(初始化表达式 ; 条件表达式 ; 递增或者递减表达式){
   循环体(需要重复执行的代码)
 }
 
 for(var count = 0;count < 6; count++){
   console.log('javascript天下无敌!!!');
 }

执行过程:

1.先执行初始化表达式

2.判断条件是否成立

3.如果成立,执行循环体

4.执行递增表达式

重复2~4,直到第2步的条件为false,就结束循环

练习:

  1. 求1~10之间的所有整数和
  2. 在控制台输出1到10的数字中偶数的累加和

2、while循环

语法:

 while( 条件表达式 ){
   当表达式的结果是true的时候,这里面的代码会重复的执行,直到条件为false
   循环体(需要重复执行的代码)
 }
 
 
 var count = 0;
 while(count < 10){
   console.log('javascript天下第一!!!');
   count++;
 }

执行过程:

1.先判断条件是否成立

2.如果成立,会执行循环体

3.重复1~2过程,直到条件为false为止

3、do-while循环

语法:

 do {
   循环体(需要重复执行的代码)
 }while (条件)
     
     
 var i = 0;
 do{
     console.log(i);
     i++;
 }while(i<10)

执行过程:

1.先执行循环体1次

2.再判断条件是否成立

3.如果成立,就执行循环体

4.重复2~3多次,直到条件是false为止

4、循环的结束语句(掌握)

某些情况下,我们不一定要循环从头到尾执行,这个时候就要使用break和continue控制循环的次数

4.1、break关键字

作用:

1.阻止switch-case结构的继续判断

2.阻止循环的继续执行,然后break之后的代码就不会执行了

需求:在循环打印1到5的过程中,打印到3就停下来,不打印了,后面的4,和5也不打印了。

 for(var i=1;i<=5;i++){
     if(i===3){
         break;
    }
     console.log(i);
 }

4.2、continue关键字

作用

跳过当前这一次循环,继续执行下一次循环

需求:在循环打印1到5的过程中,打印到3就停下来,但是后面的4和5还会打印。

 for(var i=1;i<=5;i++){
     if(i===3){
         continue;
    }
     console.log(i);
 }

循环语句总结:

当我们需要多次执行同样的代码的时候,就可以使用循环来实现。

while、do-while可以用于未知次数循环的,for可以用于已知次数循环的(最常用的)。

while、for循环可能一次循环都不执行, do-while循环至少执行一次。

终止整个循环,使用break;跳过一次循环,使用continue。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接