JavaScript switch语句

最新推荐文章于 2025-07-10 04:57:46 发布

SHAWN SUNG

最新推荐文章于 2025-07-10 04:57:46 发布

阅读量430

点赞数 1

本文介绍了 JavaScript 中的 switch 语句，详细解释了其工作原理，并通过实例展示了如何使用 switch 语句来选择并执行多个代码块之一。此外，还讲解了如何使用 break 语句来防止代码执行下一个 case，以及 default 关键词的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

switch 语句用于基于不同的条件来执行不同的动作。

JavaScript Switch 语句

请使用 switch 语句来选择要执行的多个代码块之一。

语法

switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

具体代码例子：

<!DOCTYPE html>
<html>
<body>

<p>点击下面的按钮来显示今天是周几：</p>

<button onclick="myFunction()">点击这里</button>

<p id="demo"></p>

<script>
function myFunction()
{
var x;
var d=new Date().getDay();
switch (d)
{
case 0:
x="Today it's Sunday";
break;
case 1:
x="Today it's Monday";
break;
case 2:
x="Today it's Tuesday";
break;
case 3:
x="Today it's Wednesday";
break;
case 4:
x="Today it's Thursday";
break;
case 5:
x="Today it's Friday";
break;
case 6:
x="Today it's Saturday";
break;
}
document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

default 关键词

请使用 default 关键词来规定匹配不存在时做的事情：

具体代码例子：

<html>
<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="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default:
x="Looking forward to the Weekend";
}
document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>