js中的三大判断语句(附输入框)

一.if判断语句

1.if

      语法一： if(判断条件){代码块}

        如果if小括号中的判断条件是成立的，才会执行{}中的代码块，如果条件不成立，那么就不会执行。  

      语法二： if(判断条件){代码块}else{代码块}

        如果if小括号中的判断条件成立，就执行if后面的{}中的代码 ,如果条件不成立，就执行else后面{}中的代码.

       注意：2个{}只能执行其中的一个.

<script>
    //定义一个变量frequency为抽卡次数
    var frequency =20
    if(frequency<50){
    //条件满足，不执行else
        console.log('运气这东西，谁先用完谁先走');
    }
    else{
        console.log('风里雨里，常驻五虎等你');
    } 
</script>

   例：  判断一个年份是平年还是闰年

            闰年：4年一闰，并且百年不闰，或者400年再一闰

            换算：能被4整除，并且不能被100整除，或者能被400整除

<script>
    var year = 2020
//判断是否是闰年
    if (year % 4 === 0 && year % 100 != 0 || year % 400 === 0){
        console.log("闰年");
    }
    else{
        console.log('平年');
    }
</script>

语法三：if(条件1){代码块1}else if(条件2){代码块2} else if(条件3){代码块3}........

    从上到下依次执行语句，如果第一个条件成立，就执行第一个条件后面的{}

    如果第一个条件不成立，就继续往后看第二条件，如果成立就执行{}，如果不成立，继续向下找

            注意：前面只有有条件成立了，就不会往后阅读了。

    在这一组中：无论你写多少个条件，最终：要么有一个是满足的，要么一个都不满足

<script>
    //定义一个变量week,存储的值为星期几
    var week = 4
    //因为week等于4，没有符合的值，所以此代码无输出结果
    if (week === 1){
        console.log("星期一");
    }
    else if(week === 2){
        console.log("星期二");
    }
    else if(week === 3){
        console.log("星期三");
    }
</script>

例：根据成绩判断到底在哪个等级

<script>
      var score = 59
      if (score >= 90) {
          console.log('优秀');
      }
      else if (score >= 80 && score <= 89) {
          console.log('良好');
      }
      else if (score >= 70 && score <= 79) {
          console.log('还不错');
      }
      else if (score >= 60 && score <= 69) {
          console.log('死亡边缘');
      }
//因为score小于60，所以执行此段代码
      else if (score < 60) {
          console.log('直接竹笋炒肉男女混合双打限定版');
      } 
</script>

语法4：if(条件1){代码块1}else if(条件2){代码块2} else if(条件3){代码块3}........else{}

       从上到下挨个阅读条件，条件成立就执行，不成立就一直往下阅读，如果所有条件都不成立就执行最后的else{}

              例：定义一个变量，对这个变量的值做一个判断

                如果变量的值为1：就输出星期一

                如果变量的值为2：就输出星期二

                如果不是这3个数字：就输出星期中没有这个数字

<script>
    //定义一个变量week，存储的值为4
    var week = 4
    if (week === 1){
        console.log("星期一");
    }
    else if(week === 2){
        console.log("星期二");
    }
    else if(week === 3){
        console.log("星期三");
    }
    //因为找不到week等于4，所以执行else
    else{
        console.log('星期中没有这个数字');
    }
</script>

二.switch判断语句

        break代表的是结束的意思

        语法：

            switch(你要判断的内容){

                case 情况1：满足情况1执行的语句

                break

                case 情况2：满足情况2执行的语句

                break

                case 情况3：满足情况3执行的语句

                break

                case 情况4：满足情况4执行的语句

                break

                。。。。。。。。

                default:所有情况都不满足就执行

            }

            注意：

                1.break单词可写可不写的，如果不写，会一直向下执行(穿透效果)，直到碰到break，或者整个情况执行完毕才会停止。

                2.default可写可不写，当所有case均不满足时执行default.

<script>
     var day=8
     switch (day) {
         case 1:
             console.log('今天星期一');
             break;
         case 2:
             console.log('今天星期二');
             break;
         case 3:
             console.log('今天星期三');
             break;
         case 4:
             console.log('今天星期四');
             break;
         case 5:
             console.log('今天星期五');
             break;
         case 6:
             console.log('今天星期六');
             break;
         case 7:
             console.log('今天星期天');
             break;
//当所有case均不执行时执行default
         default:
             console.log('恭喜你！你是上帝了！你创造了新的一天!');
             break;
     } 

</script>

三.三元（三目）运算符

        主要作用：也可以用来做判断

        语法：条件 ? 对 : 不对

        当条件成立的时候就执行冒号前面的语句，当条件不成立的时候就执行冒号后面的语句

        其实就是if...else的简写形式

        注意：缺点，条件成立和不成立执行的语句只能够写一句话，而if...else可以写多句话。

<script>
//定义一个变量num保存的值为11
    var num = 11
//11与2取余的值是否为零，是的话执行冒号前的值，不是执行冒号后的值
    num % 2 == 0?console.log('偶数'):console.log('奇数')
</script>

附：输入框

    在浏览器中弹出一个输入框。并将用户输入完之后的数据保存给num这个变量

    注意：如果用户点的是确定按钮，存储的就是用户输入的数据

    如果用户点的是取消，那么这个变量保存的是null

    var num =  prompt('请输入一个数字')

    console.log(num);

     注意：prompt()===最终保存下来的数据是字符串类型的，所以如果要做运算一定要注意数据类型的转换问题

<script>
//通过prompt让用户输入一个数字，并将这个数字保存到num里面
var num = prompt("请输入第一个数字")
//输出num
console.log(num)
</script>