JavaScript switch语句

本文介绍了 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>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值