如何在 TypeScript 中合并 2 个枚举

要合并 2 个枚举:

  1. 使用扩展语法将枚举合并到一个对象中。
  2. 获取对象的类型。
  3. 使用括号表示法访问类型上两个枚举的成员。
// ✅ For STRING Enums
enum Sizes1 {
  Small = 'S',
  Medium = 'M',
}

enum Sizes2 {
  Large = 'L',
  ExtraLarge = 'XL',
}

export const Sizes = { ...Sizes1, ...Sizes2 };

// 👇️ {Small: 'S', Medium: 'M', Large: 'L', ExtraLarge: 'XL'}
console.log(Sizes);

export type Sizes = typeof Sizes;

// ✅ 现在我们可以访问两个枚举的属性
type XL = Sizes['ExtraLarge'];
type S = Sizes['Small'];

如何在 TypeScript 中合并 2 个枚举

TypeScript 中的枚举是真实的对象并且存在于运行时,因此我们可以使用扩展语法 (...) 将 2 个枚举合并为一个对象。

合并对象的所有规则都适用 – 如果两个枚举中都存在一个键,则后者的值包含在最终对象中。

我们使用 typeof 运算符来获取对象的类型,现在可以使用括号表示法来访问两个枚举的成员。

使用数字枚举时,我们应该为枚举提供一个初始值,这样我们就不会得到多个指向相同值的不同枚举键。

// ✅ For Numeric Enums
enum Sizes1 {
  Small = 0,
  Medium,
}

enum Sizes2 {
  Large = 2,
  ExtraLarge,
}

export const Sizes = { ...Sizes1, ...Sizes2 };

// 👇️ {Small: 'S', Medium: 'M', Large: 'L', ExtraLarge: 'XL'}
console.log(Sizes);

export type Sizes = typeof Sizes;

type XL = Sizes['ExtraLarge'];
type S = Sizes['Small'];

第一个枚举的初始值为 0,第二个枚举的初始值为 2。这样我们就不会得到指向相同值的多个键的冲突。

请注意,如果我们使用 const 枚举,上面的示例将不起作用,因为 const 枚举只能使用常量枚举表达式,并且在编译期间被完全删除。

免责声明:
1.本站所有内容由本站原创、网络转载、消息撰写、网友投稿等几部分组成。
2.本站原创文字内容若未经特别声明,则遵循协议CC3.0共享协议,转载请务必注明原文链接。
3.本站部分来源于网络转载的文章信息是出于传递更多信息之目的,不意味着赞同其观点。
4.本站所有源码与软件均为原作者提供,仅供学习和研究使用。
5.如您对本网站的相关版权有任何异议,或者认为侵犯了您的合法权益,请及时通知我们处理。
火焰兔 » 如何在 TypeScript 中合并 2 个枚举