JavaScript switch语句的用法（附带实例，新手必看）

JavaScript 中的选择结构包括 if 条件语句和 switch 条件语句两种。当表达式的值可以列举时，建议优先考虑 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 语句适合处理判断分支较少的情况。

【实例】判断用户角色。在线考试系统中支持 3 种角色登录，分别是管理员、教师、学生，不同的角色登录后看到的系统页面不同，能够使用的功能也不尽相同。使用 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 浏览器控制台中的运行结果为：

显示教师角色页面