TypeScript 中如何转换两个具有相同值的枚举类型?

在 TypeScript 中,我们有时会遇到两个不同名称但具有相同值的枚举类型(enum)。例如:

ini 复制代码
enum EnumA {
  Red = 'Red',
  Green = 'Green',
  Blue = 'Blue'
}

enum EnumB {
  Red = 'Red',
  Green = 'Green',
  Blue = 'Blue'
}

那么,该如何在 EnumAEnumB 之间进行转换呢?下面介绍几种常见方法:

方法一:类型断言(Type Assertion)

这是最简单直接的方式:

ini 复制代码
const a: EnumA = EnumA.Red;
const b: EnumB = a as EnumB;

只要两个枚举值完全一致,这种方式是可行的,但缺乏类型安全。


方法二:显式转换函数(推荐)

为了提高代码的可读性和安全性,推荐使用一个封装好的转换函数:

arduino 复制代码
function convertEnumAtoEnumB(a: EnumA): EnumB {
  switch (a) {
    case EnumA.Red:
      return EnumB.Red;
    case EnumA.Green:
      return EnumB.Green;
    case EnumA.Blue:
      return EnumB.Blue;
  }
}

这种方式便于维护,如果将来两个枚举的值发生变化,也可以快速定位问题。


方法三:基于值的动态映射

如果枚举值是字符串或数字且完全一致,也可以通过值来映射:

ini 复制代码
const a: EnumA = EnumA.Green;
const b: EnumB = EnumB[a as keyof typeof EnumB];

或者使用一个通用的转换函数:

typescript 复制代码
function convertEnumValue<T extends string, U>(value: T, targetEnum: Record<T, U>): U {
  return targetEnum[value];
}

const b = convertEnumValue(a, EnumB); // b 是 EnumB.Green
相关推荐
不听话坏13 小时前
Ignition篇(下 一) 动态执行前的事情
开发语言·前端·javascript
likeyi0714 小时前
require 和 import的区别
开发语言·前端
pany14 小时前
做 AI 友好的开源 Vue3 模板 🌈
前端·vue.js·ai编程
小二·14 小时前
React 19 + Next.js 15 现代前端开发实战:App Router / Server Components / 流式渲染
前端·javascript·react.js
谙忆102416 小时前
前端图片直传对象存储:OSS/S3 预签名 URL、STS 临时凭证与回调校验
前端
CHNE_TAO_EMSM17 小时前
Android studio 打开文件时自动下载源码
前端·javascript·android studio
一孤程17 小时前
Airtest自动化测试第五篇:小程序与Web测试——跨平台自动化全覆盖
前端·自动化测试·小程序·自动化·测试·airtest
IT_陈寒17 小时前
SpringBoot自动配置不是你以为的那样的智能
前端·人工智能·后端
yume_sibai18 小时前
大屏数据可视化 - 边框红绿呼吸灯实现详解
前端·信息可视化·typescript
Hyyy19 小时前
很多Desktop都在上的Computer Use是什么
前端·llm