Js基础_流程控制_分支

---

一、流程控制

控制代执行的结构顺序
三种结构：顺序结构、分支结构、循环结构

二、顺序流程控制

代码按照先后顺序依次执行的代码

        let num = 10
        num ++
        console.log(num)//11

三、分支流程控制if语句

根据不同的判断条件（if）执行不同代码获得不同的结果

        let num = 10
        if (num === '10'){
            console.log(true)
        }else {
            console.log(false)
        }
        // false

练习案例

案例

        // 弹出prompt输入框 ，用户输入年龄
        // 如果年龄大于18 则执行 if中的输出语句
        let age = prompt('请输入您的年龄：')
        if (age >= 18){
            alert('欢迎光临')
        }
        alert('抱歉，您未成年')

四、三元表达式

由三元运算符组成的式子

        // 1.语法机构
        // 表达式 ？ 表达式 1 ： 表达式2
        // 2.执行思路
        // 如果条件表达式为真 则返回表达式1的值
        // 如果条件表达式为假 则返回表达式2的值
        let num = 10
        // 判断if(num > 5){return ('是')}else{return ('不是')}
        let result = num > 5 ? '是': '不是'//我们直到表达式是由返回值的
        console.log(result)// 是

案例

// 用户输入一个 0 - 59之间的一个数字
        // 如果数字小于10，则再这个数字前面补0，否则不做操作
        // 用一个变量接收这个返回值 输出
        let time = prompt('请您输入一个0-59之间的一个数字')
        let result = time < 10 ? '0' + time : time;
        console.log(result)

五、分支流程控制switch语句

当需要针对变量设置一系列的特定值的选项时，就可以使用switch

        // switch语句也是多分支语句 也可以实现多选1
        // 语法结构 switch 转换、开关  case 小例子或选项  break 退出
        let num = prompt('如果选择一号盒子请输入1，选择2号盒子请输入2')
        switch (num) {
            case '1':
                alert('这个炸弹马上就要爆炸了')
                break;
            case '2':
                alert('快跑！！这个炸弹就爆炸了')
                break;
            default:
                alert('一个成年瞎凑什么热闹')
                break;
        }