JavaScript 进阶第一章(分支结构)

Posted 海海呐

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 进阶第一章(分支结构)相关的知识,希望对你有一定的参考价值。

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 进阶第二章(循环结构)

以上是关于JavaScript 进阶第一章(分支结构)的主要内容,如果未能解决你的问题,请参考以下文章

《大道至简》第一章读后感及伪代码

《大道至简》第一章JAVA语言伪代码

第一章之三大结构

Git 第一章 Git概述 -- 概述几种Git(GitGitHubGiteeGitLab)

第一章:AngularJS有什么不同

第一章 Python基础