JavaScript switch 语句
示例
根据用户输入执行代码块
var text;
var fruits = document.getElementById("myInput").value;
switch(fruits) {
case "Banana"
text = "Banana is good!";
break;
case "Orange"
text = "I am not a fan of orange.";
break;
case "Apple"
text = "How you like them apples?";
break;
default
text = "I have never heard of that fruit...";
}
亲自试一试 »
更多“亲自试一试”示例见下文。
描述
switch 语句根据不同的情况执行代码块。
switch 语句是 JavaScript "条件" 语句的一部分，用于根据不同的条件执行不同的操作。使用 switch 来选择要执行的多个代码块中的一个。对于长而嵌套的 if/else 语句，这是完美的解决方案。
switch 语句计算表达式。然后将表达式的值与结构中每个 case 的值进行比较。如果匹配，则执行关联的代码块。
switch 语句通常与 break 或 default 关键字（或两者）一起使用。两者都是可选的。
break 关键字会跳出 switch 块。这将停止执行更多代码执行和/或 switch 块内的 case 测试。如果省略 break，则会执行 switch 语句中的下一个代码块。
default 关键字指定在没有 case 匹配的情况下要运行的某些代码。switch 中只能有一个 default 关键字。虽然这是可选的，但建议您使用它，因为它可以处理意外情况。
语法
switch(表达式) {
case n
代码块
break;
case n
代码块
break;
default
默认代码块
}
参数值
| 参数 | 描述 |
|---|---|
| 表达式 | 必需。指定要计算的表达式。表达式只计算一次。表达式的值与结构中每个 case 标签的值进行比较。如果匹配，则执行关联的代码块。 |
更多示例
示例
使用今天的星期几序号来计算星期几名称（星期日=0，星期一=1，星期二=2，...）
var day;
switch (new Date().getDay()) {
case 0
day = "星期日";
break;
case 1
day = "星期一";
break;
case 2
day = "星期二";
break;
case 3
day = "星期三";
break;
case 4
day = "星期四";
break;
case 5
day = "星期五";
break;
case 6
day = "星期六";
break;
default
day = "未知日期";
}
亲自试一试 »
示例
如果今天既不是星期六也不是星期日，则写入默认消息
var text;
switch (new Date().getDay()) {
case 6
text = "今天是星期六";
break;
case 0
text = "今天是星期日";
break;
default
text = "期待周末";
}
亲自试一试 »
示例
有时您希望不同的情况使用相同的代码，或者直接进入一个通用的默认值。
请注意，在本示例中，各情况共享同一个代码块，并且默认情况不必是 switch 块中的最后一个情况（但是，如果 **default** 不是 switch 块中的最后一个情况，请记住用 break 结束它）。
var text;
switch (new Date().getDay()) {
case 1
case 2
case 3
default
text = "期待着周末";
break;
case 4
case 5
text = "很快就要周末了";
break;
case 0
case 6
text = "现在是周末";
}
亲自试一试 »
示例
使用 switch 语句根据用户从提示框输入的内容执行代码块
var text;
var favDrink = prompt("你最喜欢的鸡尾酒是什么？");
switch(favDrink) {
case "Martini"
text = "绝佳的选择！马提尼酒对你的灵魂有益。";
break;
case "Daiquiri"
text = "戴吉利也是我最喜欢的！";
break;
case "Cosmopolitan"
text = "真的吗？你确定你最喜欢的是 Cosmopolitan 吗？";
break;
default
text = "我从来没有听说过这个酒。";
}
亲自试一试 »
相关页面
JavaScript 教程：JavaScript If...Else 语句
JavaScript 教程：JavaScript Switch 语句
JavaScript 参考：JavaScript if/else 语句
JavaScript 参考：JavaScript break 语句
浏览器支持
switch 是 ECMAScript1 (ES1) 的功能。
ES1 (JavaScript 1997) 在所有浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
