JavaScript switch
JavaScript switch 允许对一个标量(表达式)的多个可能结果做选择。
语法:
switch (expr) {
case result1:
statement1
break;
case result2:
statement2
break;
……
default:
statement
}
语法解释
系统计算 expr 的值,根据计算结果(result1、result2等)来选择执行下面对应的语句,如果所有的 case 结果都不符合,则会执行 default 里的语句。
break 用于执行完代码后跳出流程,虽然语法上可以省略,但非特殊情况不要省略,否则会继续执行下面的代码,哪怕计算 expr 结果与 case 不符(这是与 if else 的区别)。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var x = 2; switch (x) { case 0: alert("x等于0"); break; case 1: alert("x等于1"); break; case 2: alert("x等于2"); break; default: alert("x既不等于1和2,也不等于0"); } </script> </head> <body> </body> </html>
提示
可以有多个 case 条件判断
case 后面结果也不是仅限于数字,也可以是字符或其他 JavaScript 支持的类型
default 关键词
请使用 default 关键词来规定匹配不存在时做的事情:
<html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <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>