JavaScript Switch 语句详解：语法、break与default用法
本文详细介绍JavaScript中switch语句的用法，涵盖其基本语法结构、执行流程及与if-else的区别。重点解析break关键字如何跳出代码块以节省执行时间，default关键字处理无匹配项的情况，以及switch采用的严格比较机制（===）对类型匹配的要求。
switch 语句根据条件执行不同操作。
JavaScript Switch 语句
使用 switch 语句从多个代码块中选择一个执行。
语法
switch(表达式) {
case n:
代码块
break;
case n:
代码块
break;
default:
默认代码块
} 代码解释：
- 计算一次 switch 表达式
- 将表达式的值与每个 case 的值进行对比
- 若存在匹配，则执行关联代码
实例
getDay() 方法返回 0 至 6 之间的周名数字（weekday number）。
(Sunday=0, Monday=1, Tuesday=2 ..)
本例使用周名数字来计算周的名称：
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 = "星期六";
} 结果将是：
今天是星期五
完整测试代码
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
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 = "周六";
}
document.getElementById("demo").innerHTML = "今天是" + day;
</script>
</body>
</html>
break 关键词
若 JavaScript 遇到 break 关键词，它会跳出 switch 代码块。
此举将停止代码块中更多代码的执行以及 case 测试。
若找到匹配，并完成任务，则随机中断执行（break）。无需更多测试。
break 能够节省大量执行时间，因为它会“忽略” switch 代码块中的其他代码的执行。
不必中断 switch 代码块中的最后一个 case。代码块在此处会自然结束。
default 关键词
default 关键词规定不存在 case 匹配时所运行的代码：
实例
getDay() 方法返回 0 至 6 的数字周名。
如果今日既不是周六（6）也不是周日（0），则输出一段默认消息：
switch (new Date().getDay()) {
case 6:
text = "今天是周六";
break;
case 0:
text = "今天是周日";
break;
default:
text = "期待周末~";
} 完整测试代码
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript switch</h2>
<p id="demo"></p>
<script>
var text;
switch (new Date().getDay()) {
case 6:
text = "今天是周六";
break;
case 0:
text = "今天是周日";
break;
default:
text = "期待周末";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
常见的代码块
有时您会需要不同的 case 来使用相同的代码。
在本例中，case 4 和 5 分享相同的代码块，而 0 和 6 分享另一段代码块：
实例
switch (new Date().getDay()) {
case 4:
case 5:
text = "周末快到了：）";
break;
case 0:
case 6:
text = "今天是周末~";
break;
default:
text = "期待周末！";
} 完整测试代码
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript switch</h2>
<p id="demo"></p>
<script>
var text;
switch (new Date().getDay()) {
case 4:
case 5:
text = "周末马上就到了";
break;
case 0:
case 6:
text = "今天是周末";
break;
default:
text = "期待周末";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Switching 的细节
如果多种 case 匹配一个 case 值，则选择第一个 case。
如果未找到匹配的 case，程序将继续使用默认 label。
如果未找到默认 label，程序将继续 switch 后的语句。
严格的比较
Switch case 使用严格比较（===）。
值必须与要匹配的类型相同。
只有操作数属于同一类型时，严格比较才能为 true。
在这个例子中，x 将不匹配：
实例
var x = "0";
switch (x) {
case 0:
text = "Off";
break;
case 1:
text = "On";
break;
default:
text = "No value found";
}下面是其它网友的补充
switch语句的格式一般如下：
代码如下:
switch (expression){
case value :statement1
break;
case value2 :statement2
break;
....
case value: statement
break;
default :statement;每个情况表示如果expression的值等于case ，则执行statament.
关键词 break使代码跳出switch。
如果没有关键词break，代码则继续执行下一个情况。关键词default是值所有表达式值不等于value值时，执行的结果。
代码如下:
iwork = parseInt(prompt("请输入1-5的值"));
switch (iwork) {
case 1 :document.write("星期一")
break;
case 2 : "星期2"
break;
case 3 : "星期3"
break;
case 4 : "星期4"
break;
case 5 : "星期5"
break;
default :"要输入合理值";JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础：字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58