javascript switch 语句

    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 onclick="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");
      }
}




猜你喜欢

转载自blog.csdn.net/qq_41261490/article/details/79582852