JavaScript switch语句的用法

当表达式的值可以进行列举时，可以采用 switch 语句，其语法格式为：

switch(变量或表达式){
    case 常量1:
        语句块1;
        break;
        case 常量2:
        语句块2;
        break;
        ...
    case 常量n:
        语句块n;
        break;
    default:
        语句块n+1;
}

switch 语句根据变量或者表达式的值，从上往下依次与每个 case 后面的常量值进行严格相等的比较，直至找到与变量或表达式严格相等的常量，进而执行该分支下的语句块。如果没有匹配的 case 分支，则执行 default 分支。

需要注意的是：

• 每个 case 分支的语句块后面都会带一个 break 语句，否则，执行完当前 case 后，会继续执行下一个 case 分支。
• switch 中的表达式与 case 语句中的取值是严格相等模式。

提示：switch 语句适合处理判断分支较多的情况，代码可读性好。if 语句适合处理判断分支较少的情况。

举个简单的例子，在线考试系统中支持三种角色登录，分别是：管理员、教师、学生，不同的角色登录后看到的系统页面不同，能够使用的功能也不尽相同。使用 switch 语句可以根据角色不同，显示不同的页面。项目开发中，可通过数字标识不同的角色，本例分别用数字 0、1、2 代表管理员、教师、学生角色。

var role = 1;
switch (role) {
    case 0:
        console.log("显示管理员角色页面");
        break;
    case 1: // 此处如果是字符串"1"，则不严格相等，会执行default语句
        console.log("显示教师角色页面");
        break;
    case 2:
        console.log("显示学生角色页面");
        break;
    default:
        console.log("没有访问权限");
}

在Chrome浏览器控制台中的运行结果为：

显示教师角色页面