ES6switch case

ES6中的switch case语句可以使用模板字面量和箭头函数来简化代码，同时还可以使用default关键字来处理未匹配到的情况，示例代码如下：

let fruit = 'apple';

switch (fruit) {
  case 'banana':
    console.log('This is a banana');
    break;
  case 'apple':
    console.log('This is an apple');
    break;
  default:
    console.log('I do not know what fruit this is');
}

在这个例子中，如果fruit等于'banana'，则输出'This is a banana'；如果fruit等于'apple'，则输出'This is an apple'；如果fruit不等于'banana'也不等于'apple'，则输出'I do not know what fruit this is'。注意，每个case后面需要使用break关键字来结束该分支的执行。

相关问题

switch case语句case后面可以放多个语句吗

在大多数编程语言中，包括C、C++、Java等，`switch` `case` 语句通常用于根据某个表达式的值执行一系列相关的操作。case后面的代码块通常只能包含一条或多条语句，它们构成一个代码块，通常由大括号 `{}` 包围。每个`case`标签后面跟着的是一组条件，如果表达式的值匹配该标签，则执行对应的代码块。

然而，在某些高级语言如Ruby或JavaScript（ES6版本之后），可以用`case`标签后面跟一个范围或数组，这时可以在同一个`case`下处理多个相关的值。例如：

switch (expression) {
  case 'a':
  case 'b':
    // 这里会执行针对'a'或'b'的代码
    break;
  // 其他case...
}

尽管如此，大部分情况下还是建议将每个`case`保持简洁，只处理一个特定情况，以提高代码的清晰度和可维护性。

js switch case 写if 语句

### JavaScript `switch` 语句作为 `if...else` 的替代

在特定场景下，`switch` 语句能够提供一种更加清晰和高效的方式来代替冗长的 `if...else if...else` 结构。对于那些基于单一表达式的多条件判断来说尤为适用。

#### 使用 `switch` 替代简单的 `if`

考虑一个简单的情况，其中要根据变量的不同取值来执行不同的操作：

let dayOfWeek = 'Monday';

// Using if statements
if (dayOfWeek === 'Monday') {
    console.log('Start of the week');
} else if (dayOfWeek === 'Friday') {
    console.log('End of workweek');
} else {
    console.log('Mid-week');
}

同样的逻辑可以通过 `switch` 实现得更为直观[^2]：

let dayOfWeek = 'Monday';

switch (dayOfWeek) {
    case 'Monday':
        console.log('Start of the week');
        break;
    case 'Friday':
        console.log('End of workweek');
        break;
    default:
        console.log('Mid-week');
}

这种转换不仅使代码看起来更整洁，而且由于 `switch` 是通过哈希表查找的方式工作，在某些情况下性能也会更好[^3]。

#### 处理范围或复合条件

然而需要注意的是，`switch` 并不适合用于涉及数值区间或其他复杂条件的情形。此时仍然应该采用 `if...else` 或者其他高级技术如对象字面量映射等[^1]。

例如下面的例子展示了如何利用对象字面量来进行类似的多分支选择：

const actions = {
    Monday: () => console.log('Start of the week'),
    Friday: () => console.log('End of workweek')
};

actions[dayOfWeek]?.() || console.log('Mid-week'); // ES6 Optional Chaining

这种方法提供了更大的灵活性，并且易于扩展维护。