JavaScript Switch 语句
switch 语句是 JavaScript 条件语句的一种,用于不同条件执行不同动作。switch 语句是 if 语句的兄弟语句。与 If Else 语句相比,在多条件的嵌套结构,更简洁的方法是使用 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 ..)
使用周名数字来计算周的名称:
<!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),则输出一段默认消息:
<!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 不必是 switch 代码块中最后一个 case:
switch (new Date().getDay()) {
case 6:
text = "今天是周六";
break;
case 0:
text = "今天是周日";
break;
default:
text = "期待周末~";
}
如果 default 不是 switch 代码块中最后一个 case,请记得用 break 结束默认 case。
常见的代码块
有时您会需要不同的 case 来使用相同的代码。
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript switch</h2>
<p id="demo">
<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>
Switching 的细节
如果多种 case 匹配一个 case 值,则选择第一个 case。
如果未找到匹配的 case,程序将继续使用默认 label。
如果未找到默认 label,程序将继续 switch 后的语句。
严格的比较
Switch case 使用严格比较(===)。
值必须与要匹配的类型相同。
只有操作数属于同一类型时,严格比较才能为 true。
在下面例子中,x 将不匹配:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript switch</h2>
<p id="demo">
<script>
var text;
switch (new Date().getDay()) {
default:
text = "期待周末";
break;
case 6:
text = "今天是周六";
break;
case 0:
text = "今天是周日";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>