首页 > 技术文章 > JavaScript-03循环语句和条件语句

mengwenbiao 2020-08-13 21:13 原文

一、if语句

if语句:

if(条件表达式)  条件表达式:要么为true ,要么为false
         {
                  满足条件,执行的代码;
         }

二、 if...else语句

          if(条件表达式)//返回布尔值,true或者false
          {
               满足条件,执行的代码;    
          }else{
            不满足条件,执行的代码
          }

  注意:else 不能单独使用

三、 switch语句

     switch(n){
            case x1:代码1....;break;
            case x2:代码2....;break;
            .......
            case xn:代码n....;break;
            default:代码;brek;
        }        

注意:case 后面是一个具体的值,不能是一个范围。switch(”变量“),不能像if 语句跟条件。

break 关键词

如果 JavaScript 遇到 break 关键词,它会跳出 switch 代码块。

此举将停止代码块中更多代码的执行以及 case 测试。

如果找到匹配,并完成任务,则随机中断执行(break)。无需更多测试。

break 能够节省大量执行时间,因为它会“忽略” switch 代码块中的其他代码的执行。

不必中断 switch 代码块中的最后一个 case。代码块在此处会自然结束。

  实例:

     输入一个成绩socre,如果等于90或许小于等于100,输出A,如果小于90或者等于80.输出B,如果小于80或者等于70.输出C,如果小于70或者等于60.输出D,如果小于60,输出不合格.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
    
    var score=95;
    // 取整数
    var n=parseInt(score/10);
    switch(n){
        case 9:alert("A");break;
        case 8:alert("B");break;
        case 7:alert("C");break;
        case 6:alert("D");break;
        default:alert("不及格");break;
        }
    </script>
</html>

四、while语句

while(条件(true或者false)){

           循环体(条件满足时执行)
          
          }

  while练习::求1~100数字的和

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        var sum=0;
        var i=1;
        while(i<=100){
            sum+=i;
            i++;
        }
        alert(sum);
    </script>
</html>

// 结果输出:5050.

五、 do...while语句

             // 先执行一次再判断条件
         do{
              代码;
             变量操作
        
        }while(条件);

  do...while练习:求1~100数字的和

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        var sum=0;
        var i=0;
        do{
            i++;
            sum=sum+i;
        
        }while(i<100);
        alert(sum);
    </script>
</html>

六、 for语句

  for(定义初始变量;条件;步长[初始变量的操作]){
              
          
            循环体;
    }       

  实例:

  求10的阶乘:10!=1x2x3x4x5x6x7x8x9x10;

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        var jc=1;
        for(var i=1;i<=10;i++){
            jc=jc*i;
        }
        alert(jc);
    </script>
</html>

// 输出结果:3628800

 

推荐阅读