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

说明：

• 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

说明：

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

类型很重要

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

说明：

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

总结

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

结论

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

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

以上就是了解 JavaScript 中的“switch”语句的详细内容，更多请关注其它相关文章！