JavaScript 流程控制语句

小灰灰 2021-09-14 10:10 555阅读 0赞

if语句

if语句是基于条件成立才执行相应代码时使用的语句。

语法结构

  1. if(条件){ 
  2. // 条件成立时执行代码
  3. }

如：

  1. var a = 10;
  2. if( a < 12 ){
  3.     alert(a)       // 弹出 10
  4. }

if…else语句

if…else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。

语法结构

  1. if(条件){ 
  2.     // 条件成立时执行的代码
  3. }else{
  4.     // 条件不成立时执行的代码
  5. }

如：

  1. var name = "龙门课栈";
  2. if( name == "龙门课栈" ){
  3.     alert("成立")；      // 成立
  4. }else{
  5.     alert("不成立")
  6. }

if..else嵌套语句

要在多组语句中选择一组来执行，使用if..else嵌套语句。

语法结构

  1. if(条件1){ 
  2. //  条件1成立时执行的代码
  3. }
  4. else  if(条件2){ 
  5. //  条件2成立时执行的代码
  6. }
  7. ...
  8. else  if(条件n){ 
  9. //  条件n成立时执行的代码
  10. }
  11. else{ 
  12. //  条件1、2至n不成立时执行的代码
  13. }

问：假设数学考试，小明考了88分，给他做个评价，60分以下的不及格，60(包含60分)-75分为良好，75(包含75分)-85分为很好，85(包含75分)-100优秀。

  1. var result = 88 ;
  2. if( result < 60 ){
  3.     alert("不及格");
  4. }else if( 60 <= result < 75 ){
  5.     alert("良好");    
  6. }else if( 75 <= result < 85 ){
  7.     alert("很好");    
  8. }else{
  9.     alert("优秀");     // 优秀
  10. }

Switch语句

语法结构

  1. switch(表达式){
  2. case值1:
  3.   执行代码块 1
  4.   break;
  5. case值2:
  6.   执行代码块 2
  7.   break;
  8. ...
  9. case值n:
  10.   执行代码块 n
  11.   break;
  12. default:
  13.   与 case值1 、 case值2...case值n 不同时执行的代码
  14. }
  16. Switch必须赋初始值，值与每个case值匹配。满足执行该 case 后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。

问：假设评价学生的考试成绩，10分满分制，我们按照每一分一个等级将成绩分等，并根据成绩的等级做出不同的评价。

  1. var result = 8 ;
  2. switch(result){
  3. case 4:
  4.   var remark = "渣渣 继续努力吧";
  5.   document.write("评语:" + remark)
  6.   break;
  7. case 8:
  8.   var remark = "优秀";
  9.   document.write("评语:" + remark);
  10.   break;
  11. case 10:
  12.  var remark = "完美";
  13.   document.write("评语:" + remark);
  14.   break;
  15. default:
  16.   var remark = "你咋不上天呢";
  17.   document.write("评语:" + remark);
  18. }
  20. 输出 -> 评语:优秀

for循环

语法结构

  1. for(初始化变量;循环条件;循环迭代){     
  2.   // 循环语句 
  3.  }

如：

  1. for (var num=1;num<=6;num++) {   
  2.     document.write(num+"个球<br />");
  3. }

结果：

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6

while循环

和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。

语法结构

  1. while(判断条件){
  2.  // 循环语句
  3.  }

使用while循环，完成从盒子里取球的动作，每次取一个，共6个球。

  1. var num = 0;  //初始化值
  2. while (num <= 6){          //条件判断
  3.   document.write("取出第"+num+"个球<br />");
  4.   num = num + 1;  //条件值更新
  5. }

Do…while循环

do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。

语法结构

  1. do{
  2.    // 循环语句
  3.  }while(判断条件)

如：

  1. var num= 1;
  2.    do{
  3.      document.write(num+",");
  4.      num++;    //更新条件
  5.    }while (num<=5)
  7. 1,2,3,4,5

退出循环break

语法结构

  1. for(初始条件;判断条件;循环后条件值更新){
  2.   if(特殊情况){
  3.       break;
  4.   }
  5.   循环代码
  6. }

如：

  1. var num;
  2. for( var num = 0; num <= 10; num++ ){
  3.     if( num == 5 ){
  4.         break;  // 如果是 5 时 退出循环
  5.     }
  6.     document.write("输出的值：" +num +"<br/>")   
  7. }

结果：

  1. 输出的值：1
  2. 输出的值：2
  3. 输出的值：3
  4. 输出的值：4

注:当num=5的时候循环就会结束，不会输出后面循环的内容。

继续循环continue

continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

语法结构

  1. for(初始条件;判断条件;循环后条件值更新){
  2.   if(特殊情况){ 
  3.       continue; 
  4.   }
  5.  // 循环代码
  6. }

如：

  1. var num;
  2. for( var num = 0; num <= 10; num++ ){
  3.     if( num == 5 ){
  4.         continue;  // 如果是 5 时 退出循环
  5.     }
  6.     document.write("输出的值：" +num +"<br/>")   
  7. }

结果：

  1. 输出的值：1
  2. 输出的值：2
  3. 输出的值：3
  4. 输出的值：4
  5. 输出的值：6
  6. 输出的值：7
  7. 输出的值：8
  8. 输出的值：9
  9. 输出的值：10

PS : 注:上面的代码中，num=5的那次循环将被跳过。

发表评论

表情：
评论列表 （有 0 条评论，555人围观）

还没有评论，来说两句吧...

相关阅读

    相关 流程控制语句

    1 if语句 if语句是基于条件成立才执行相应代码时使用的语句。 语法: if(条件) { 条件成立时执行代码} 注意：if小写，大写字母（IF）会

    心已赠人心已赠人/ 0 赞/ 346 阅读

    相关 流程控制语句

    一、break语句         应用范围：选择结构和循环结构(多个for循环嵌套，跳出离break最近的一个for循环) 二、continue语句       应用范

    Bertha 。Bertha 。/ 0 赞/ 394 阅读