了解 JavaScript 中的“switch”语句-js教程-PHP中文网

了解 JavaScript 中的“switch”语句

DDD

发布： 2024-09-20 08:06:01

转载

1131人浏览过

了解 javascript 中的“switch”语句

switch 语句是一种控制结构，允许您根据表达式的值执行多个代码块之一。它是多个 if-else 语句的更清晰、更易读的替代方案。让我们用最简单的方式来分解它。

语法

switch 语句的基本语法如下：

switch (expression) {
  case value1:
    // code to execute if expression === value1
    break;
  case value2:
    // code to execute if expression === value2
    break;
  // ... more cases ...
  default:
    // code to execute if none of the cases match
}

登录后复制

一个例子

让我们看一个简单的示例，其中使用 switch 语句根据数字确定星期几。

let day = 3;
let dayname;

switch (day) {
  case 1:
    dayname = "monday";
    break;
  case 2:
    dayname = "tuesday";
    break;
  case 3:
    dayname = "wednesday";
    break;
  case 4:
    dayname = "thursday";
    break;
  case 5:
    dayname = "friday";
    break;
  case 6:
    dayname = "saturday";
    break;
  case 7:
    dayname = "sunday";
    break;
  default:
    dayname = "invalid day";
}

console.log(dayname); // output: wednesday

登录后复制

说明：

Orz企业网站管理系统双语版

Orz企业网站管理系统整合了企业网站所需要的大部分功能，并在其基础上做了双语美化。压缩包内有必须的图片psd源文件，方便大家修改。 Orz企业网站管理系统功能： 1.动态首页 2.中英文双语同后台管理 3.产品具有询价功能 4.留言板功能 5.动态营销网络 6.打印功能 7.双击自动滚动 Orz企业网站管理系统安装 1、请将官方程序包解压后上传至您的虚拟主机即可正常使用； 2、后台管理面板登录：

查看详情

立即学习“Java免费学习笔记（深入）”；

switch 语句评估 day 的值。
如果 day 为 1，则将 dayname 设置为“星期一”。
如果 day 为 2，则将 dayname 设置为“星期二”。
等等...
如果 day 与任何情况都不匹配，则会将 dayname 设置为“无效日期”。

案例分组

如果您想对不同的值执行相同的代码，可以将多个 case 语句组合在一起。

示例：

let fruit = "apple";
let category;

switch (fruit) {
  case "apple":
  case "banana":
  case "orange":
    category = "fruit";
    break;
  case "carrot":
  case "broccoli":
    category = "vegetable";
    break;
  default:
    category = "unknown";
}

console.log(category); // output: fruit

登录后复制

说明：

立即学习“Java免费学习笔记（深入）”；

如果水果是“苹果”、“香蕉”或“橙子”，则会将类别设置为“水果”。
如果水果是“胡萝卜”或“西兰花”，则会将类别设置为“蔬菜”。
如果水果与任何情况都不匹配，则会将类别设置为“未知”。

类型很重要

switch 语句使用严格比较 (===) 将表达式与 case 值进行匹配。这意味着值和类型必须匹配。

示例：

let value = "1";

switch (value) {
  case 1:
    console.log("Number 1");
    break;
  case "1":
    console.log("String 1");
    break;
  default:
    console.log("Unknown");
}

// Output: String 1

登录后复制

说明：

立即学习“Java免费学习笔记（深入）”；