条件分支语句：

switch语句：

优点：

语法：

switch( 条件表达式 )

{

case 表达式：

语句····················

break;

case 表达式：

语句····················

break;

case 表达式：

语句····················

break;

case 表达式：

语句····················

break;

case 表达式：

语句····················

break;

default:

语句···············

break;

}

正常的 if else 语句：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var num = 2;
        if (num == 1)
        {
            console.log("一");
        }
        else if(num == 2 )
        {
            console.log("二");
        }
        else if(num == 3)
        {
            console.log("三")
        }
    </script>
</head>
<body>
    
</body>
</html>

switch 语句下：

执行流程：

在执行时会==依次==将case后的表达式的值和Switch后的条件表达式的值进行全等比较。

如果比较结果为 TRUE ，则从当前 case 处开始执行代码。

当前case后的所有的代码都会执行，我们可以在case的后边跟着 break ，这样可以确保只会执行当前 case 后的语句，而不会执行其他的case。

如果比较结果为 false ，则继续向下比较。

如果所有的比较结果都为false ，则只执行 default 后的语句。

注意：

case ：条件之后是==冒号== ":"

break ：之后 " ; " ==可加可不加==

default：相当于if else 语句中的 else ；==同时：default 后面要像case 一样加冒号 " : "==

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>   
        var num = prompt("请输入密码");
        switch(num)
        {
            case '1':
            alert("一")
            // 使用break可以来退出Switch语句
            break;
            case '2':
            alert("二")
            break;
            case '3':
            alert("三")
            break;
            case '4':
            alert("四")
            break;
            default:
            alert("输入错误")
            break;
        }
    </script>
</head>
<body>
    
</body>
</html>

JS基础——条件分支语句

条件分支语句：

switch语句：

优点：

语法：

正常的 if else 语句：

switch 语句下：

执行流程：

注意：