js教程系列10:JavaScript的Switch语句

Posted autoxingjy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js教程系列10:JavaScript的Switch语句相关的知识,希望对你有一定的参考价值。

1 switch语句 的作用:

switch 语句用于基于不同的条件来执行不同的动作。

每当满足一个变量条件,就会执行当前的case内容.

break 关键字用于跳出switch代码块。会终止switch代码块的执行。 如果忽略该关键字,swith 语句的下一个代码块会被执行。

default 关键字 来规定匹配不存在时做的事情。 default 关键字在 switch 语句中只能出现一次。

2 switch  典型结构:

 Switch(变量){

case 1:

  如果变量和1的值相同,执行该处代码

  break;

case 2:

  如果变量和2的值相同,执行该处代码

  break;

case 3:

  如果变量和3的值相同,执行该处代码

  break;

default:

  如果变量和以上的值都不相同,执行该处代码

  break;

}

 例1 : 举2个栗子

  1 分开判断变量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        var number = prompt("输入0-5的一个数字");
        switch (number) {
            case "0":
                alert(number);
                break;
            case "1":
                number = 1;
                break;
            case "2":
                number = 2;
                break;
            case "3":
                number = 3;
                break;
            case "4":
                number = 4;
                break;
            case "5":
                number = 5;
                break;
        }
    </script>
</head>
<body>
    
</body>
</html>

    2 集体判断变量

switch (number) {
            case"0":case"1":case"2":
            alert("1/2/3");
            break;
            default:
            alert("4/5");
            break;
        }

 





以上是关于js教程系列10:JavaScript的Switch语句的主要内容,如果未能解决你的问题,请参考以下文章

软件编程乐易贵宾VIP教程 - JS改写+网页操作系列教程

[js高手之路]深入浅出webpack教程系列9-打包图片(file-loader)用法

Vue.js 系列教程 5:动画

Vue.js 系列教程 4:Vuex

Vue.js 系列教程 3:Vue

Vue.js 系列教程 5:动画