当前位置:首页 > JavaScript

js 实现switch

2026-01-31 16:05:52JavaScript

实现 JavaScript 的 switch 语句

JavaScript 的 switch 语句用于根据不同的条件执行不同的代码块。它的基本语法如下:

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

基本用法

switch 语句评估一个表达式,并将其值与 case 子句中的值进行比较。如果找到匹配项,则执行相应的代码块。如果没有匹配项,则执行 default 块(如果有)。

js 实现switch

let day = 3;
let dayName;

switch (day) {
  case 1:
    dayName = 'Monday';
    break;
  case 2:
    dayName = 'Tuesday';
    break;
  case 3:
    dayName = 'Wednesday';
    break;
  default:
    dayName = 'Unknown';
}

console.log(dayName); // 输出: Wednesday

多个 case 共享代码块

多个 case 可以共享同一个代码块,只需将它们列在一起即可。

let fruit = 'apple';
let message;

switch (fruit) {
  case 'apple':
  case 'banana':
    message = 'This is a common fruit';
    break;
  case 'kiwi':
    message = 'This is an exotic fruit';
    break;
  default:
    message = 'Unknown fruit';
}

console.log(message); // 输出: This is a common fruit

使用严格比较

switch 语句使用严格比较 (===) 来匹配 case 值。因此,值和类型都必须匹配。

js 实现switch

let value = '1';

switch (value) {
  case 1:
    console.log('Number 1');
    break;
  case '1':
    console.log('String "1"');
    break;
  default:
    console.log('Unknown');
}

// 输出: String "1"

避免忘记 break

如果忘记使用 break,代码会继续执行下一个 case,直到遇到 breakswitch 结束。

let num = 2;

switch (num) {
  case 1:
    console.log('One');
  case 2:
    console.log('Two');
  case 3:
    console.log('Three');
}

// 输出:
// Two
// Three

使用对象替代 switch

对于更复杂的逻辑,可以使用对象来替代 switch 语句,这种方式更灵活且易于维护。

const actions = {
  'add': (a, b) => a + b,
  'subtract': (a, b) => a - b,
  'multiply': (a, b) => a * b,
  'divide': (a, b) => a / b,
};

const operation = 'add';
const result = actions[operation]?.(2, 3) ?? 'Unknown operation';

console.log(result); // 输出: 5

标签: jsswitch
分享给朋友:

相关文章

js实现图片轮播

js实现图片轮播

实现基础图片轮播 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS设置样式和动画效果,JavaScript处理轮播逻辑。 <div cl…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

js实现报表

js实现报表

使用JavaScript实现报表 在JavaScript中实现报表功能可以通过多种方式完成,常见的方法包括使用原生JavaScript、第三方库(如Chart.js、D3.js)或结合后端数据渲染。以…

js jquery

js jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够…

js实现授权

js实现授权

授权流程设计 授权流程通常涉及前端与后端的交互,常见方案包括OAuth2.0、JWT等。以JWT为例的典型流程: 用户提交凭证(如用户名密码)到认证服务 服务端验证通过后生成包含用户信息的J…

js怎么实现异步

js怎么实现异步

异步实现方法 JavaScript中实现异步操作主要通过以下几种方式: Promise Promise是ES6引入的异步解决方案,用于处理异步操作的成功或失败状态。 const promise =…