TypeScript 中将字符串转换为枚举

TypeScript 2年前 239

要将字符串转换为枚举：

使用 keyof typeof 将字符串转换为枚举的类型。
使用括号表示法访问枚举中字符串的相应值。

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';