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

了解 JavaScript 中的“switch”语句

DDD

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

转载

1127人浏览过

了解 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

登录后复制

说明：

黑色全屏自适应的H5模板

黑色全屏自适应的H5模板 HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括：新的解析规则增强了灵活性淘汰过时的或冗余的属性一个HTML5文档到另一个文档间的拖放功能多用途互联网邮件扩展（MIME）和协议处理程序注册在SQL数据库中存

查看详情

立即学习“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免费学习笔记（深入）”；