JavaScript基础（四）之分支结构

青旅半醒 2022-07-11 15:56 147阅读 0赞

分支结构-1

1、程序的流程
        程序 = 数据结构 + 算法
    
        任何复杂的算法都可以通过 "顺序","分支","循环" 三种结构来表示
    2、什么是分支结构
        在不同的情况下，可以选择不同的语句来执行
        当 条件 满足时，执行某些语句 - if结构
    
        当 条件 满足时，执行某些语句
        当条件 不满足时，执行另外一些语句
                                                                -if ... else 结构
    3、if结构
        1、语法
            if(条件){
                //语句块(满足条件时要做的操作)
            }
    
            条件：尽量放 boolean 的变量 或 表达式
    
            判断条件
                如果条件 为真的话，则执行语句块中的代码
                如果条件 为假，则跳过语句块，执行其他语句
        2、注意
            1、条件如果不是boolean的话，则会自动转换，以下操作会自动将条件转换为 false，其他都是true
                if(0){}
                if(0.0){}
                if(undefined){}
                if(NaN){}
                if(""){}
                if(null){}
    
                ex:
                    if(35.0){} //true
                    if("Hello World"){}//true
                    if(0){} //false
            2、if 后的 {} 可以省略不写，如果省略不写的话，那么if只控制它下面的第一条语句
    4、if ... else 结构
        1、作用
            当满足条件时，执行某些操作
            当不满足条件时，执行另外一些操作
        2、语法
            if(条件){
                语句块1;
            }else{
                语句块2;
            }
    
            判断条件的结果
            如果条件为真，则执行语句块1
            否则(条件为假),则执行语句块2
    5、else ... if 结构
        1、判断
            输入 一个 考试成绩
                成绩 >= 100 分 ，奖励一台 兰博基尼
                或者 成绩 >= 90分，奖励一台 法拉利
                或者 成绩 >= 80分，奖励一台 奥迪
                或者 成绩 >= 70分，奖励一台 奥拓
                或者 成绩 >= 60分，奖励一台 自行车
                否则 奖励俩 大嘴巴子!
        2、语法
            if(条件1){
                语句块1;
            }else if(条件2){
                语句块2;
            }...else if(条件n){
                语句块n;
            }else{
                语句块n+1;
            }
    
            流程：
                从上向下判断条件，满足哪个条件则执行对应的语句块，然后跳出整个结构
                所有条件都不满足时，执行else结构
            注意：
                最后的 else 可以省略不写，如果省略的话，以上条件都不满足，则什么都不执行
    练习：
        1、将 克莱托指数 计算 改成 选择结构版本
        2、分别输入 年，月，日，判断该日是这一年的第 ? 天
            输入年：2017
            输入月：1
            输入日：22
            2017年1月22日是2017年的第22天
    
            输入年：2017
            输入月：4
            输入日：15
            2017年4月15日是2017年的第105天
            (31+28+31+15) = 105

分支结构-2

1、"等值" 判断的分支结构 - switch
        1、语法
            switch(变量/表达式){
                case 值1:
                    语句块1;
                    break; -- 结束switch的运行,可选的
                case 值2:
                    语句块2;
                    break; -- 结束switch的运行，可选的
                case ...:
                    语句块....;
                    break;
                default:
                    语句块n;
                    break;
            }
            流程：
                1、计算 switch后的 变量 或 表达式的值
                2、判断值与哪个case块后面的值能匹配上，匹配上哪个case块则执行哪个语句块
                3、碰到 break ， 则结束switch结构的运行，如果没有break，则继续执行后续的case块，直到碰到break，或执行结束为止
                4、如果任何case都没有匹配上的话，并且具备default模块的话，则执行default里面的内容。否则什么都不执行
            注意：
                1、各个case块与default之间的位置可以随便放
                2、JS 默认是采用 === 的方式做等值判断的
                    1 和 "1" 是不相等的
        2、特殊用法 - 直落
            直落：两个 或 多个case块要执行相同的内容，可以采用直落的形式
            switch(变量/表达式){
                case 值1:
                case 值2:
                case 值3:
                    语句块;
                    break;
            }
            1、计算 变量 或 表达式的值
            2、如果计算出来的值是 值1或值2或值3，都执行相同的语句块。
    
            month = Number(prompt());
            switch(month-1){
                case 11:
                    totalDays += 30;
                case 10:
                    totalDays += 31;
                ... ...
            }