【Web】JavaScript（No.41）分支结构-if语句（if if-else if-else if-else）

最新推荐文章于 2022-01-30 02:15:38 发布

Sherry Lupus

最新推荐文章于 2022-01-30 02:15:38 发布

阅读量529

点赞数 3

分类专栏： Web-JavaScript 文章标签： Web JavaScript

本文链接：https://blog.csdn.net/qq_43251850/article/details/94603505

版权

Web-JavaScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

if语句

在这里插入图片描述
需要素材点击图片联系我或私信、评论

语法结构

if (/* 条件表达式 */) {
  // 执行语句
}

if (/* 条件表达式 */){
  // 成立执行语句
} else {
  // 否则执行语句
}

if (/* 条件1 */){
  // 成立执行语句
} else if (/* 条件2 */){
  // 成立执行语句
} else if (/* 条件3 */){
  // 成立执行语句
} else {
  // 最后默认执行语句
}

三元运算符

表达式1 ? 表达式2 : 表达式3
是对if……else语句的一种简化写法

示例代码：if

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>关于if语句</title>
</head>
<body>
<script>
    /*
    * if语句：主要是判断
    * 语法：
    *     if（表达式）{
    *          代码块
    *     }
    * 执行过程1：判断表达式的结果是true，执行代码块，反之是false
    * */

    //1、判断8>6，表达式返回是true，就输出较大的值
    console.log(8>6);
    if(8>6){
        console.log(8);
    }

    //2、判断两个值，哪个值大，就输出较大的值1
    var num1 = 1000;
    var num2 = 100;
    if(num1 > num2){
        console.log(num1);
    }
    //3、问小明的年龄是否大于18岁，如果成年了就可以找媳妇了
    var age = 20;
    if(age > 18){
        console.log("小明，你可以找媳妇了");
    }
</script>
</body>
</html>

示例代码：if-else

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>if-else语句</title>
</head>
<body>
  <script>
      /*
      * 两个分支，只执行一个
      * if(表达式){
      *      代码块1；
      * }else{
      *      代码块2；
      * }
      * */

      //prompt() 弹框，可以输入信息，输入的内容可以用变量存着
      //1、问小明的年龄是否大于18岁，如果成年了就可以找媳妇了，反之就好好写作业
      // var age = prompt("请输入小明的年龄");
      // console.log(age);
      // //转为数字类型，转换后一定要重新赋值
      // age = parseInt(age);
      //
      // var age = 20;
      // if(age > 18){
      //     console.log("小明，你可以找媳妇了");
      // }else{
      //     console.log("赶紧去写作业，别忘想！！！");
      // }

      //2、判断两个数的最大值，把较大值输出在控制台
      // var n1 = prompt("请输入一个数");
      // n1 = parseInt(n1);
      // var n2 = prompt("请再输入一个数");
      // n2 = parseInt(n2);
      // if (n1 > n2){
      //     console.log(n1);
      // }else{
      //     console.log(n2);
      // }

      //3、判断一个数是奇数还是偶数，输出在控制台
      var number = parseInt(prompt("请输入一个数"));
      // number = parseInt(number);
      if (number % 2 == 1){
          console.log(number+"是奇数");
      }else{
          console.log(number+"是偶数");
      }
  </script>
</body>
</html>

示例代码：if-else if-else

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>09.if-else if-else语句</title>
</head>
<body>
<script>
    /*
    * if语句：一个分支
    * if-else语句：两个分支
    * if-else if...-else语句：多个分支
    * 最终只会执行一个
    *
    * 语法：
    *      if（条件1）{
    *          条件1成立所执行的代码块1；
    *      }else if（条件2）{
    *          条件1成立所执行的代码块2；
    *      }else if（条件3）{
    *          条件1成立所执行的代码块3；
    *      }
    *      ...
    *      else{
    *          都不成立所执行的代码块n；
    *      }
    * */

    // //分数转换，把百分制转换成ABCDE   <60  E  60-70 D  70-80 C  80-90 B  90 - 100 A>
    // var score = Number(prompt("请输入成绩"));
    // console.log(score);//NaN  isNaN(score)=>true,除非这个方法返回的是false才确定是数字  isNaN(score),取非
    // //用户输入的是否为数字
    // if(!isNaN(score)){
    //     //代码块
    //     if(score > 90 && score <= 100){
    //         console.log("A级");
    //     }else if(score > 80 && score <= 90){
    //         console.log("B级");
    //     }else if(score > 70 && score <= 80){
    //         console.log("C级");
    //     }else if(score > 60 && score <= 70){
    //         console.log("D级");
    //     }else{
    //         console.log("E级");
    //     }
    // }else {
    //     console.log("输入错误，请输入正整数！")
    // }

    //判断一个年份是闰年还是平年
   // 闰年：能被4整除，但不能被100整除的年份 或者 能被400整除的年份
    var years = Number(prompt("请输入年份"));
    console.log(years);
    if(!isNaN(years)){
        if(years % 4 == 0 && years % 100 !=  0){
            console.log("闰年");
        }else if(years % 400 == 0){
            console.log("闰年");
        }else{
            console.log("平年");
        }
    }
</script>
</body>
</html>

Sherry Lupus

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
【Web】JavaScript（No.41）分支结构-if语句（if if-else if-else if-else）

if语句需要素材点击图片联系我或私信、评论语法结构if (/* 条件表达式 */) { // 执行语句}if (/* 条件表达式 */){ // 成立执行语句} else { // 否则执行语句}if (/* 条件1 */){ // 成立执行语句} else if (/* 条件2 */){ // 成立执行语句} else if (/* 条件3 */){...
复制链接

扫一扫