当前位置:首页 > 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
分享给朋友:

相关文章

jquery.js

jquery.js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do Mor…

js实现点击显示和隐藏

js实现点击显示和隐藏

实现点击显示和隐藏的JavaScript方法 使用classList.toggle切换类名 通过添加/移除CSS类控制元素的显示与隐藏,需提前在CSS中定义隐藏样式(如display: none)。…

js实现dh

js实现dh

JavaScript 实现 DH(Diffie-Hellman)密钥交换 Diffie-Hellman(DH)密钥交换是一种安全协议,允许双方在不安全的通信信道上建立一个共享密钥。以下是如何在 Jav…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的cur…

js实现目录

js实现目录

实现目录的基本思路 在JavaScript中实现目录功能通常涉及以下几个核心步骤:解析文档中的标题元素(如h1-h6),动态生成目录结构,并添加交互逻辑(如点击跳转)。以下是具体实现方法: 解析标题…

js实现密码

js实现密码

密码强度验证 使用正则表达式验证密码强度是一种常见方法。以下代码检查密码是否包含大小写字母、数字和特殊字符,且长度至少为8位: function checkPasswordStrength(pas…