JavaScript的判断以及循环

Posted 2021-12-20 by xiongmao; tagged with if分支语句 , 三元表达式 , switch , for循环 , 双重for循环 , while循环 , do while循环 , js中break , continue , return区别

js的判断以及循环
目录：

一.判断

①.if分支语句


<script>
  
1. if 的语句结构  
        if(条件表达式){
                执行语句
            }
2. 执行思路，如果条件表达式为真，则执行括号里边的
 如果条件表达式为假，则跳过此代码
        
       if(3 < 5){
           alert('输出');
       }

      
3.双分支语句 if else
        语法  if(){
                执行语句1
        }else{
            执行语句2
        }

       
  代码验证
      var age = prompt('请输入你的年龄');
      if(age >=18){
            alert('年龄'+age+'符合可以进入');
      }else{
          alert('年龄'+age+'不符合要求');
      }

      
       
多分支语句 
             if(){
                执行语句1
            }else if() {        理论可以无线写
                执行语句2
            }else{
                执行语句3
            }  
        
    </script>

②三元表达式

? :

    <script>
      
1. 有三元运算符组成的式子我们称为三元表达式
2. ? :
3. 语法结构：
      条件表达式 ? 表达式1 ： 表达式2
4.执行思路
    如果表达式结果为真 则返回 表达式1的值 ，为假返回表达式2的值
        
代码体验
       var num = 10;
       var result = num > 5 ? '是的' : '不是的';
       console.log(result);
    </script>

循环

① switch循环

代码验证：js实现输入1-7来判断今天星期几


1.switch 语句也是多分支的，一般使用于固定值
2.语法结构：
     switchh(表达式){
           case value1:
                执行语句1;
                 break；
           case value2:
                 执行语句2;
                  break;
                .....
                default:
                    执行最后语句;
            }

3.代码验证
        
        var num = prompt('请输入1-7');
        var week = parseInt(num);
        switch(week){
            case 1 :
                alert('今天星期一');
                break;
            case 2 :
                alert('今天星期二');
                break;
            case 3 :
                alert('今天星期三');
                break;
            case 4 :
                alert('今天星期四');
                break;
            case 5 :
                alert('今天星期五');
                break;
            case 6 :
                alert('今天星期六');
                break;
            default :
                alert('今天星期日');           
        }
        
    </script>

② for循环

for循环
　　1. for循环可以重复执行某些相同代码
　　2. for循环可以重复执行些许不同的代码，用计数器
　　3. for循环可以重复执行某些操作
　　4. 双重for循环，外层循环依次，内层for循环全部
　　5. for 循环是循环条件和数字直接相关的循环

  /*计算从1+100的值*/
        var sum = 0;
        for(var i = 1 ; i<=100; i++){
           /*  sum = sum + i; */
            sum +=i;
        }
        console.log(sum);

        // 2. 求1-100之间所有输的平均值
        var sum1 = 0 ;
        var average = 0 ;
        for(var i = 0; i <=100; i++){
            sum1 = sum1+i;
        }
        average = sum1 / 100;
        console.log(average);

        //3.求1-100之间所有偶数和奇数的和 
        //定义偶数变量over  定义奇数变量add
        var over = 0;
        var odd = 0;
        for(var i =0; i<=100; i++){
            if(i % 2 ==0){
                over = over+i;
            }else{
                odd = odd + i;
            }
        }
        console.log('1-100偶数为和为:'+over);
        console.log('1-100奇数为和为:'+odd);

        //4.求1-100之间所有能被3整除的数字的和
            var ruest = 0 ;
            for(var i = 1; i<=100; i++){
                if(i % 3 ==0 ){
                    ruest = ruest + i ;
                }
            }
            console.log('1-100只能能被3整除的和为'+ruest);
    </script>

③ 双重for循环

1.双重for循环 语法结构
  for(外层初始变量; 外层的条件表达式; 外层的操作表达式){
      for(里层的初始变量; 里层的条件表达式; 里层的操作表达式){
                    //执行语句 
                }
            }

我们可以把里面的循环看做是外层循环的语句
外层循环循环依次，里边的循环执行全部

代码验证
       for(var i = 1 ; i<=3; i++){
            console.log('这是外层循环第'+ i +'次');
            for(var j = 1 ; j<= 3 ; j++){
                console.log('这是里层的循环第' + j +'次');
            }
       }

④ while循环

while 循环语法结构 while 当...的时候
while(条件表达式){
循环体
}
执行思路，当条件表达式为true，则执行循环体
循环体应该有计数器初始变量（有操作表达式，防止死循环）

代码验证

     var num = 1;
     while(num <=100){
         console.log('你好');
         num++; 
     }

⑤ do...while 循环

do...while 语句其实是while语句的一个变体。该循环会先执行一次代码，然后对条件表达式
     进行判断，如果条件为真，就会重复执行循环体，否则退出循环

do...while 语句的语法结构如下：
  do{
    //循环体代码
   }while(条件表达式);

代码验证
     
    var num = 1;
    do{
        console.log('循环第'+num+'次');
        num++;
    } while(num <=100);

break，continue，return区别

break：结束当前的循环体
continue：跳出本次循环
return：不仅可以退出循环，还能够返回return 语句中的值，同时还可以结束当前的函数体内的代码