TypeScript 中将字符串转换为枚举

要将字符串转换为枚举:

  1. 使用 keyof typeof 将字符串转换为枚举的类型。
  2. 使用括号表示法访问枚举中字符串的相应值。
enum EmailStatus {
  Read,
  Unread,
  Draft,
}

// 👇️ String to enum
const str: keyof typeof EmailStatus = 'Read';
console.log(EmailStatus[str]); // 👉️ 0

const enumToStr = EmailStatus[EmailStatus.Read];
console.log(enumToStr); // 👉️ "Read"

TypeScript 中将字符串转换为枚举

使用 keyof typeof 可以让我们获得一个将所有 Enum 键表示为字符串的类型。

enum EmailStatus {
  Read,
  Unread,
  Draft,
}

// 👇️ type T = "Read" | "Unread" | "Draft"
type T = keyof typeof EmailStatus;

如果我们将字符串的类型设置为枚举的一种可能类型,如果不匹配,我们会收到错误消息。

enum EmailStatus {
  Read,
  Unread,
  Draft,
}

// ⛔️ Error: Type "Test" is not assignable to type "Read" | "Unread" | "Draft"
const str2: keyof typeof EmailStatus = 'Test';
console.log(EmailStatus[str2]); // 👉️ undefined

TypeScript 中将字符串转换为枚举

我们可以使用括号表示法访问与枚举中的字符串对应的值。

enum EmailStatus {
  Read,
  Unread,
  Draft,
}

// // ⛔️ Error: Type "Test" is not assignable to type "Read" | "Unread" | "Draft"
const str2: keyof typeof EmailStatus = 'Read';
console.log(EmailStatus[str2]); // 👉️ 0

另一种方法是断言存储字符串的变量具有 Enum 类型。

enum EmailStatus {
  Read,
  Unread,
  Draft,
}

const str = 'Read';
const strEnum = str as unknown as EmailStatus;

console.log(EmailStatus[strEnum]); // 👉️ 0

在上面的示例中,我们断言 str 变量存储了一个类型为 EmailStatus 的值。

这种方法不像使用 keyof typeof 那样干净,应该尽可能避免,因为它不能防止不正确的值。

我们可以将任何字符串转换为具有 EmailStatus 的值而不会出现错误。

enum EmailStatus {
  Read,
  Unread,
  Draft,
}

const str = 'Test';
const strEnum = str as unknown as EmailStatus;

console.log(EmailStatus[strEnum]); // 👉️ undefined

使用 keyof typeof 时情况并非如此。

enum EmailStatus {
  Read,
  Unread,
  Draft,
}

// ⛔️ Error: Type "Test" is not assignable to type "Read" | "Unread" | "Draft"
const str: keyof typeof EmailStatus = 'Test';

TypeScript 足够聪明,可以注意到 Test 不是枚举中的键之一,并且在输入错误时会显示错误。