【JavaScript】9_switch语句

简介: ## 4、switch语句switch语句- 语法: switch(表达式){ case 表达式: 代码... break case 表达式: 代码... break case 表达式: 代码... break case 表达式: 代码... break default: 代码... break }- 执行的流程

4、switch语句

switch语句

  • 语法:
    switch(表达式){

    case 表达式:
        代码...
        break
    case 表达式:
        代码...
        break
    case 表达式:
        代码...
        break
    case 表达式:
        代码...
        break
    default:
        代码...
        break

    }

  • 执行的流程
    switch语句在执行时,会依次将switch后的表达式和case后的表达式进行全等比较

    如果比较结果为true,则自当前case处开始执行代码
    如果比较结果为false,则继续比较其他case后的表达式,直到找到true为止
    如果所有的比较都是false,则执行default后的语句
    
  • 注意:
    当比较结果为true时,会从当前case处开始执行代码

    也就是说case是代码执行的起始位置

    这就意味着只要是当前case后的代码,都会执行
    可以使用break来避免执行其他的case

  • 总结
    switch语句和if语句的功能是重复,switch能做的事if也能做,反之亦然。

    它们最大的不同在于,switch在多个全等判断时,结构比较清晰
    
<script>
            // 根据用户输入的数字显示中文
            let num = +prompt("请输入一个数字")
            /* 
            1 壹
            2 贰
            3 叁
            */
            
            // if (num === 1) {
            //     alert("壹")
            // } else if (num === 2) {
            //     alert("贰")
            // } else if (num === 3) {
            //     alert("叁")
            // }

            switch (num) {
                case 1:
                    alert("壹")
                    break // break可以用来结束switch语句
                case 2:
                    alert("贰")
                    break
                case 3:
                    alert("叁")
                    break
                default:
                    alert("我是default")
                    break
            }
</script>
相关文章
|
JavaScript 前端开发
javascript中的switch用法
javascript中的switch用法
|
JavaScript 前端开发
JavaScript switch 语句
JavaScript switch 语句
131 1
|
JavaScript 前端开发
JS基础 if和switch区别
本文比较了JavaScript中的`if`语句和`switch`语句的区别,并通过示例代码展示了它们的用法,解释了何时使用`if`更合适以及`switch`语句的特点和应用场景。
111 0
|
JavaScript 前端开发
深入JavaScript的条件语句:if...else和switch
深入JavaScript的条件语句:if...else和switch
|
JavaScript 前端开发
JavaScript中的switch语句详解
JavaScript中的switch语句详解
|
JavaScript 前端开发
Javascript用数据替换if或switch的解决方案
Javascript用数据替换if或switch的解决方案
127 0
|
JavaScript 前端开发
【JavaScript保姆级教程】switch分支与while循环
【JavaScript保姆级教程】switch分支与while循环
262 0
【JavaScript保姆级教程】switch分支与while循环
|
JavaScript 前端开发
js基础语法:包括变量声明、数据类型(Number, String, Boolean, Null, Undefined, Symbol, Object)、运算符、流程控制语句(if...else, switch, for, while, do...while)等。具体案例使用演示
js基础语法:包括变量声明、数据类型(Number, String, Boolean, Null, Undefined, Symbol, Object)、运算符、流程控制语句(if...else, switch, for, while, do...while)等。具体案例使用演示
157 1
|
JavaScript 前端开发
JavaScript基础语法:包括变量声明、数据类型(Number, String, Boolean, Null, Undefined, Symbol, Object)、运算符、流程控制语句(if...else, switch, for, while, do...while)等。
JavaScript基础语法:包括变量声明、数据类型(Number, String, Boolean, Null, Undefined, Symbol, Object)、运算符、流程控制语句(if...else, switch, for, while, do...while)等。
148 0
|
JavaScript 前端开发
JavaScript switch 语句
JavaScript switch 语句