JavaScript基础语法5-流程控制

最新推荐文章于 2024-10-07 09:24:46 发布

BUG_devil

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量728

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/BUG_devil/article/details/121688570

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

本文详细讲解了编程中的顺序流程控制、分支流程控制，包括if-else语句、if elseif语句、三元表达式和switch语句的区别与用法。通过实例演示，理解如何根据条件选择执行不同代码块，是每个开发者必备的基础技能。

摘要由CSDN通过智能技术生成

1.顺序流程控制

2.分支流程控制

if 语句

if else语句

        // 执行思路 如果表达式结果为真 那么执行语句1 否则 执行语句2
        var age = prompt("请输入你的年龄：")
        if(age >= 18){
            alert("进网吧");
        }else if(age < 18){
            alert("滚");
        }

if else if 语句

    <script>
        // 1. 多分支语句 就是利用多个条件来选择不同的语句执行 得到不同的结果
        // 2. if else if 语句是多分支语句
        // 3. 语法规范
        if(条件表达式1){
            // 语句1
        } else if(条件表达式2){
            // 语句2
        }else if(条件表达式3){
            // 语句3
        }else{
            // 最后的语句
        }

    </script>

三元表达式

    <script>
        // 1.语法结构
        // 条件表达式 ？ 表达式1 ： 表达式2
        // 2. 执行思路
        // 如果条件表达式结果为真 则返回 表达式1 的值；如果条件表达式结果为假 则返回 表达式2 的值 

        var num = 10;
        var result = num > 5 ? "是的" : "不是的";
        console.log(result);
        if(num >5){
            result = "是的";
        }else{
            result = "不是的";
        }

    </script>

switch 多分支语句

        // 1.switch 语句也是多分支语句 也可以实现多选1
        // 2. 语法结构 switch 转换、开关 case 小例子或者选项的意思
        switch(表达式){
            case value1:
            执行语句1;
            break;
            case value2:
            执行语句2;
            break;
            case value3:
            执行语句3;
            break;
            default:
                执行最后的语句;

        }

switch 多分支语句和 if else if 语句的不同