JavaScript switch 语句

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>


继续学习
||
<!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>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

JavaScript学习指南

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

我喜欢晴天

用的确实不多

7年前    添加回复 0

Alway.以为

这个不常用把

7年前    添加回复 0

大神,求带!

习惯把<script>放在头部用

7年前    添加回复 0

素颜

原来switch 是这样来写的

7年前    添加回复 0

Switch必须赋初始值,值与每个case值匹配。这句话中的“赋初始值”是什么意思?

[最新 迷茫 的回答] switch(x){ case x值1:     执行的代码块1; break; case x值2:     执行的代码块2; break; }注意语法:x 就是需要赋初始值的变量,只有该值被赋值后,后面的case代码块才能根据其值执行相应的代码内容

时间:7年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~