当前位置：首页 > JavaScript

js 实现switch

2026-04-05 08:16:47JavaScript

实现 JavaScript 的 `switch` 语句

JavaScript 的 switch 语句用于基于不同条件执行不同的代码块。以下是其基本语法和实现方式：

switch(expression) {
  case value1:
    // 代码块
    break;
  case value2:
    // 代码块
    break;
  default:
    // 默认代码块
}

使用示例

以下是一个简单的示例，根据不同的水果名称输出不同的价格：

let fruit = 'apple';

switch(fruit) {
  case 'banana':
    console.log('Price: $1.00');
    break;
  case 'apple':
    console.log('Price: $0.50');
    break;
  case 'orange':
    console.log('Price: $0.75');
    break;
  default:
    console.log('Fruit not found');
}

注意事项

break 关键字用于终止当前 case 的执行，防止代码继续执行下一个 case。
如果没有匹配的 case，则会执行 default 代码块（可选）。
switch 语句使用严格比较（===），因此值和类型必须完全匹配。

替代方案

如果不想使用 switch，可以用对象字面量或 if-else 链替代：

// 使用对象字面量
const prices = {
  banana: '$1.00',
  apple: '$0.50',
  orange: '$0.75'
};

console.log(prices[fruit] || 'Fruit not found');

// 使用 if-else
if (fruit === 'banana') {
  console.log('Price: $1.00');
} else if (fruit === 'apple') {
  console.log('Price: $0.50');
} else if (fruit === 'orange') {
  console.log('Price: $0.75');
} else {
  console.log('Fruit not found');
}

多个 `case` 共享代码块

如果需要多个 case 执行相同的代码块，可以省略 break：

js 实现switch

let day = 3;

switch(day) {
  case 1:
  case 2:
  case 3:
  case 4:
  case 5:
    console.log('Weekday');
    break;
  case 6:
  case 7:
    console.log('Weekend');
    break;
  default:
    console.log('Invalid day');
}