JavaScript - Switch Case：初学者指南

嘿，未来的编程超级巨星！准备好学习JavaScript最酷的决策工具之一了吗？系好安全带，因为我们即将深入Switch Case语句的奇妙世界！

JavaScript - Switch Case

什么是Switch Case？

在我们深入了解之前，让我们从一个简单的类比开始。想象你在一个冰淇淋店，需要选择一种口味。你可以使用一堆“if-else”语句来决定，但那就像问服务员：“是香草味吗？不是？是巧克力味吗？不是？是草莓味吗？”等等。难道直接说，“这是什么口味？”然后根据答案选择不是更容易吗？这正是Switch Case所做的！

流程图

为了可视化Switch Case是如何工作的，让我们看看一个流程图：

[开始]
|
v
[检查表达式]
|
______|_______
|      |       |
v      v       v
[案例 1][案例 2][案例 3]...
|      |       |
v      v       v
[操作 1][操作 2][操作 3]...
|      |       |
|______|_______|
|
v
[默认]
|
v
[结束]

这个流程图展示了如何评估一个表达式，然后执行相应的案例块。如果没有找到匹配的案例，它将运行默认块（如果提供了的话）。

语法

现在，让我们分解一下Switch Case语句的语法：

switch(expression) {
case value1:
// 要执行的代码
break;
case value2:
// 要执行的代码
break;
case value3:
// 要执行的代码
break;
...
default:
// 如果没有匹配的案例要执行的代码
}

每个部分的意义如下：

switch(expression): 这里我们放入我们想要检查的值。
case value: 这些是表达式的可能匹配值。
// 要执行的代码: 如果案例匹配，这将发生。
break: 这个关键字告诉JavaScript在执行匹配的案例后退出switch块。
default: 这就像if-else语句中的“else”。如果没有匹配的案例，它将运行。

示例

让我们深入研究一些示例，看看Switch Case的实际应用！

示例 1：星期

let day = 3;
let dayName;

switch (day) {
case 1:
dayName = "星期一";
break;
case 2:
dayName = "星期二";
break;
case 3:
dayName = "星期三";
break;
case 4:
dayName = "星期四";
break;
case 5:
dayName = "星期五";
break;
case 6:
dayName = "星期六";
break;
case 7:
dayName = "星期日";
break;
default:
dayName = "无效的日期";
}

console.log(dayName); // 输出：星期三

在这个示例中，我们使用Switch Case将日期数字转换为相应的名称。以下是发生的事情：

我们将day设置为3。
switch语句检查day的值。
它在case 3中找到匹配。
它将dayName设置为“星期三”。
break语句退出switch块。
最后，我们将dayName记录到控制台。

示例 2：评分系统

让我们创建一个简单的评分系统：

let grade = 'B';
let message;

switch(grade) {
case 'A':
message = "做得太棒了！";
break;
case 'B':
message = "工作很棒！";
break;
case 'C':
message = "努力很好！";
break;
case 'D':
message = "你需要多学习一些。";
break;
case 'F':
message = "请课后找我。";
break;
default:
message = "无效的成绩";
}

console.log(message); // 输出：工作很棒！

在这个示例中：

我们将grade设置为'B'。
switch语句检查grade的值。
它在case 'B'中找到匹配。
它将message设置为“工作很棒！”。
break语句退出switch块。
我们将message记录到控制台。

示例 3：多个案例

有时，你可能希望不同的案例有相同的结果。下面是如何做到这一点：

let fruit = "apple";
let category;

switch(fruit) {
case "apple":
case "pear":
case "banana":
category = "常见水果";
break;
case "mango":
case "papaya":
category = "热带水果";
break;
default:
category = "未知水果";
}

console.log(category); // 输出：常见水果

在这个示例中：

我们将fruit设置为"apple"。
switch语句检查fruit的值。
它在第一个case "apple"中找到匹配。
由于没有break语句，它继续到下一行。
它将category设置为"常见水果"。
break语句然后退出switch块。

Switch Case方法

以下是与Switch Case相关的方法及其描述：

方法	描述
`switch`	开始一个switch语句
`case`	在switch语句中定义一个案例
`break`	退出switch块
`default`	如果没有其他案例匹配，定义默认案例

记住，Switch Case是关于在有多重条件检查时使你的代码更具可读性和效率。它就像一个交通控制器，根据特定值将你的代码引导到正确的位置。

所以，就是这样！你现在掌握了Switch Case的力量。记住，熟能生巧，所以尝试创建你自己的Switch Case语句。也许可以制作一个游戏，不同的选择导致不同的结果。可能性无穷无尽！

快乐编码，愿Switch与你同在！??

Credits: Image by storyset

上一教程:

JavaScript - Continue语句

下一教程:

JavaScript - 用户定义的迭代器