JavaScript的判断以及循环

Posted 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循环
  1. while 循环语法结构 while 当...的时候
    while(条件表达式){
    循环体
    }
  2. 执行思路,当条件表达式为true,则执行循环体
  3. 循环体应该有计数器初始变量(有操作表达式,防止死循环)
  4. 代码验证

         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区别

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