插件窝 干货文章 了解 JavaScript 中的“switch”语句

了解 JavaScript 中的“switch”语句

strong 语句 case switch 79    来源:    2024-10-20

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

说明:

立即学习“Java免费学习笔记(深入)”;

  • switch 语句评估 day 的值。
  • 如果 day1,则将 dayname 设置为“星期一”。
  • 如果 day2,则将 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免费学习笔记(深入)”;

  • switch 语句使用严格比较将 value 与 case 值进行匹配。
  • 由于 value 是字符串 "1",因此它与大小写 "1" 匹配并打印“string 1”。

总结

  • 语法switch 语句计算表达式并执行相应的 case 块。
  • 示例:一个简单的示例演示如何使用 switch 语句来确定星期几。
  • case 分组:多个 case 语句可以组合在一起来执行相同的代码。
  • 类型很重要switch 语句使用严格比较 (===) 将表达式与大小写值进行匹配。

结论

switch 语句是处理 javascript 中多个条件的强大且可读的方法。通过了解其语法、如何对案例进行分组以及类型匹配的重要性,您将能够编写更高效且可维护的代码。不断练习和探索,加深对 javascript 中 switch 语句的理解。

请继续关注有关 javascript 的更多深入博客!快乐编码!