JavaScript的判断以及循环

xiongmao
2021-12-20 / 0 评论 / 103 阅读 / 正在检测是否收录...

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(条件表达式){

循环体
}

  1. 执行思路,当条件表达式为true,则执行循环体
  2. 循环体应该有计数器初始变量(有操作表达式,防止死循环)
  3. 代码验证
        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区别

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

打赏

海报

正在生成.....

评论

博主关闭了所有页面的评论