1、工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。使用 break 来阻止代码自动地向下一个 case 运行。
switch(n)
{
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
与 case 1 和 case 2 不同时执行的代码
}
2、default 关键词来规定匹配不存在时做的事情:如下面例子,今天既不是周六也不是周日,就会输出期待周末。
<html>
<head>
<meta charset="utf-8">
<title>default</title>
</head>
<body>
<p>点击下面的按钮,会显示出基于今日日期的消息:</p>
<button οnclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var d=new Date().getDay();
switch (d)
{
case 6:x="今天是星期六";
break;
case 0:x="今天是星期日";
break;
default:
x="期待周末";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
3、当两种情况相同时,switch 语句的使用,当两种情况相同时,可以只在第二种情况中写要执行的代码,案例如下:
//测试 switch语句,当 两种情况相同时,比如下面的10或者11,都会走 alert("10或者11") 这里
function testSwich() {
var number = document.getElementById("test").value;
number=parseInt(number);
switch (number){
case 1: alert(1);
break;
case 10:
case 11:alert("10或者11"); //number = 10 或者 = 11执行相同的操作
break;
default :alert("既不是1,10,11");
}
}