JS switch case 多个条件|极客笔记

JS switch case 多个条件

在JavaScript中，switch语句可以方便地实现多个条件的判断。在实际开发中，我们经常会遇到需要根据不同的条件执行不同的代码块的情况。这时候，switch语句就能派上用场。

switch语句的基本结构

switch语句的基本结构如下：

switch(expression) {
  case value1:
    // 当expression等于value1时执行的代码块
    break;
  case value2:
    // 当expression等于value2时执行的代码块
    break;
  ...
  default:
    // 如果expression的值不匹配任何一个case时执行的代码块
}

switch后面的expression是需要进行判断的表达式或值。
case语句中的value是期望表达式匹配的值。
每个case后面都要跟一个break语句，用于跳出整个switch语句。
default语句是可选的，表示如果expression的值不匹配任何一个case时要执行的代码块。

多个条件的switch case示例

下面我们来看一个具体的示例，通过switch语句判断不同的水果类型并输出对应的价格：

function getFruitPrice(fruit) {
  switch (fruit) {
    case 'apple':
      console.log('苹果的价格为5元/斤');
      break;

    case 'banana':
      console.log('香蕉的价格为2元/斤');
      break;

    case 'orange':
      console.log('橙子的价格为4元/斤');
      break;

    default:
      console.log('其他水果暂时无价格信息');
  }
}

getFruitPrice('apple'); // 输出：苹果的价格为5元/斤
getFruitPrice('banana'); // 输出：香蕉的价格为2元/斤
getFruitPrice('watermelon'); // 输出：其他水果暂时无价格信息

以上代码中，我们定义了一个函数getFruitPrice，通过传入不同的水果名称调用该函数来获取对应的价格信息。根据传入的参数fruit，switch语句会匹配相应的case进行输出。

多个条件的情况

有时候我们需要在一个case中处理多个条件，这时可以使用逗号分隔的方式来实现。例如，我们在上面的示例中添加一个条件：如果输入的是apple或orange，则价格乘以2：

function getFruitDoublePrice(fruit) {
  switch (fruit) {
    case 'apple':
    case 'orange':
      console.log(` ${fruit}的价格为$ {5 * 2}元/斤`);
      break;

    case 'banana':
      console.log('香蕉的价格为2元/斤');
      break;

    default:
      console.log('其他水果暂时无价格信息');
  }
}

getFruitDoublePrice('apple'); // 输出：苹果的价格为10元/斤
getFruitDoublePrice('orange'); // 输出：橙子的价格为8元/斤
getFruitDoublePrice('banana'); // 输出：香蕉的价格为2元/斤

在上面的代码中，我们将case 'apple':和case 'orange':合并为一个case，并在这个case内部处理这两种水果的价格。