JavaScript switch 语句
示例
根据用户输入执行代码块
var text;
var fruits = document.getElementById("myInput").value;
switch(fruits) {
case "Banana"
text = "香蕉很好!";
break;
case "Orange"
text = "我不喜欢橙子。";
break;
case "Apple"
text = "你觉得这些苹果怎么样?";
break;
default
text = "我从未听说过那种水果...";
}
自己动手试一试 »
更多“自己尝试”的例子见下文。
描述
switch 语句根据不同的情况执行一个代码块。
switch 语句是 JavaScript “条件”语句的一部分,用于根据不同的条件执行不同的操作。使用 switch 选择要执行的多个代码块中的一个。这是解决冗长、嵌套的 if/else 语句的完美方案。
switch 语句会评估一个表达式。然后将表达式的值与结构中每个 case 的值进行比较。如果匹配,则执行关联的代码块。
switch 语句通常与 break 或 default 关键字(或两者)一起使用。这两个都是可选的。
break 关键字用于跳出 switch 块。这将停止块内更多代码的执行和/或 case 测试。如果省略 break,则执行 switch 语句中的下一个代码块。
default 关键字指定在没有 case 匹配时要运行的一些代码。一个 switch 中只能有一个 default 关键字。虽然这是可选的,但建议您使用它,因为它能处理意外情况。
语法
switch(expression) {
case n
代码块
break;
case n
代码块
break;
default
default 代码块
}
参数值
参数 | 描述 |
---|---|
expression | 必需。指定要评估的表达式。表达式只评估一次。表达式的值与结构中每个 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 = "期待周末";
}
自己动手试一试 »
示例
有时您会希望不同的 case 使用相同的代码,或者“落空”到一个共同的 default。
请注意,在此示例中,这些 case 共享相同的代码块,并且 default case 不必是 switch 块中的最后一个 case(但是,如果 default 不是 switch 块中的最后一个 case,请记住以 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 = "真的吗?你确定大都会是你的最爱吗?";
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 |
是 | 是 | 是 | 是 | 是 | 是 |