JS switch case多个|极客笔记

JS switch case多个

在JavaScript中，switch语句是一种常用的流程控制语句，用于根据表达式的值选择执行不同的代码块。通常情况下，我们会在switch语句中使用一个case来处理不同的情况，但是有时候我们也可以在一个case中处理多个值。本文将详细介绍如何在JavaScript的switch语句中处理多个值的情况。

如何在switch case中处理多个值

在JavaScript中，通常情况下我们会使用switch语句来根据不同的值执行不同的代码块，例如：

let fruit = "apple";

switch (fruit) {
  case "apple":
    console.log("苹果");
    break;
  case "banana":
    console.log("香蕉");
    break;
  case "orange":
    console.log("橙子");
    break;
  default:
    console.log("未知水果");
}

以上代码中，我们根据fruit的值来选择执行不同的代码块。但是有时候我们想要在一个case中处理多个值，这时可以使用逗号把多个值分隔开，例如：

let fruit = "apple";

switch (fruit) {
  case "apple", "banana":
    console.log("苹果或香蕉");
    break;
  case "orange":
    console.log("橙子");
    break;
  default:
    console.log("未知水果");
}

在这个示例中，当fruit的值为”apple”或者”banana”时，都会执行第一个case中的代码块。

注意事项

在使用switch case处理多个值时，需要注意以下几点：

逗号分隔的值在每个case中必须以单独的字符串形式给出，不能使用变量或表达式。
如果一个case中包含多个值，那么这些值之间是”或”的关系，即只要其中一个值匹配，就会执行对应的代码块。
在处理多个值时，建议使用switch case中的最后一个case作为”默认”情况，以防止出现未知情况时的意外错误。

示例代码

下面我们通过一个完整的示例代码来演示如何在JavaScript中使用switch case处理多个值：

let color = "red";

switch (color) {
  case "red", "blue":
    console.log("红色或蓝色");
    break;
  case "green", "yellow":
    console.log("绿色或黄色");
    break;
  case "purple", "pink":
    console.log("紫色或粉色");
    break;
  default:
    console.log("其他颜色");
}

在这个示例中，我们定义了一个color变量，根据不同的颜色值执行对应的代码块。当color的值为”red”或”blue”时，会输出”红色或蓝色”；当color的值为”green”或”yellow”时，会输出”绿色或黄色”；当color的值为”purple”或”pink”时，会输出”紫色或粉色”；其他颜色值会输出”其他颜色”。