JavaScript 进阶第一章（分支结构）

Posted 2021-09-10 海海呐

switch-case分支结构

1.语法

switch(表达式){    // 不是布尔类型：是一个确定的变量
    case 值1:     // 值1,值2...都是字面量
        表达式的结果 === 值1，需要执行的代码
        break;
    case 值2:
        表达式的结果 === 值2，需要执行的代码
        break;
    case 值3：
        表达式的结果 === 值3，需要执行的代码
        break;
    default:
        表达式的结果和上面所有的case后面的值都不全等，则会执行这里的代码
        break;
}

2.注意事项

• 1.表达式的结果要和值一定是全等的关系 ===

• 2.break作用：结束该switch语句，所以一般情况下要加上，如果不加上则会发生穿透

  • 穿透：从上一个case代码快执行到下一个case代码快

  • break关键字的作用就是防止穿透

• 3.default语句可以写在任何地方，可以省略，一般写在最后，这是一种代码规范

switch-case穿透用法

<script>
    /**合理穿透：当存在多种值需要执行相同代码时使用穿透可以节省代码
     * 用户输入某一个月份，告诉用户这个月份属于什么季节
     * 12，1，2 冬季
     * 3，4，5 春季
     * 6，7，8 夏季
     * 9，10，11 秋季
     */
    let month = +prompt("请输入月份");
    switch (month){
        case 12:
        case 1:
        case 2:
            alert("冬季");
            break;
        case 3:
        case 4:
        case 5:
            alert("春季");
            break;
        case 6:
        case 7:
        case 8:
            alert("夏季");
            break;
        case 9:
        case 10:
        case 11:
            alert("秋季");
            break;
        default:
            alert("没有这个季节哦");
            break;
    }

</script>

三元表达式（重点）

• 1.运算符根据参与运算的值数量分为一元、二元、三元运算符

  • 一元运算符：只能操作一个值 ++ -- ！

  • 二元运算符：操作两个值 1 + 1 1 > 0

  • 三元运算符：操作三个值

• 2.三元运算符语法

  • 三元运算符： ?:

  • 三元表达式：

    表达式?代码1：代码2

    • 1.如果表达式成立则执行代码1，否则执行代码2

• 2.如果代码1或者代码2有运算结果则三元运算式的结果就是他们其中的一个

  • 三元运算符做的事和if-else类似，只是代码更简洁

  • 三元表达式中：表达式部分永远是条件，最终代表整个结果的不是代码1 就是 代码2

<script>
    /*
    一元运算符：由一个值参与的运算符  ：  a++    a--  !a
     二元运算符：  由两个值参与的运算符 ：  a + b   a > b
     三元（三目）运算符：由三个值参与的运算符
    */

    /*
     * 三元运算符：  ?:
     * 三元表达式：   表达式?代码1：代码2
     *      * 1.如果表达式成立则执行代码1，否则执行代码2
     *      * 2.如果代码1或者代码2有运算结果则三元运算式的结果就是他们其中的一个
     *
     * 三元运算符做的事和if-else类似，只是代码更简洁
     */

    //案例1:
    let num1 = 10;
    num1 > 0 ? console.log('哈哈') : console.log('嘿嘿');

    //上面这个三元表达式等价于下面的if - else语句
    // if(num1 > 0){
    //     console.log ( "哈哈" );
    // }else{
    //     console.log ( "嘿嘿" );
    // }

    //案例2：三元表达式一般应用是用来赋值
    let num2 = 20;
    let res2 = num2 > 0 ? num2 + 1 : num2 - 1;
    console.log ( res2 ); // 21

    // 上面这个三元表达式等价于下面的if - else语句
    // if(num2 > 0){
    //     res2 = num2 + 1;
    // }else{
    //     res2 = num2 - 1;
    // }

    //练习：输出性别  （实际开发中，性别通常会使用一个布尔类型来存储，这样存储效率更高）
    let name = "海海";
    let age = 18;
    let gender = true;      // true男 1         false 女 0
    console.log("我的名字是"+name+"，我的年龄是"+age+"，我是一个"+(gender === true ? "男":"女")+"生");


</script>

三种分支结构语法总结

• 1.原则上，三种分支结构语句之间可以互转，只不过每一种分支结构语句适用场景不一样

• 2.if分支结构：适合条件判断

  • 最常用：if-else 两种互斥条件判断

• 3.switch-case 适合做固定值匹配

• 4.三元表达式： 比if-else代码更简洁，在项目中最常见

 下一章：JavaScript 进阶第二章（循环结构）