验证 JSON 是否匹配类型

Question

如果 JSON，我会在表格上的 angular 应用程序中获取一些序列化信息。 我想检查事件属性名称是否是我的预定义字符串之一。

事件名称类型：

EventName =
  'appInfo' |
  'connectivity' |
  'location' |
  'pushNotification' |
  'newVersion';

const foo: EventName = 'appInfo';
const bar: EventName = 'appInfos'; // error
const baz: EventName = JSON.parse('appInfos'); // no error
    
// validation
const nameValid = [
  'appInfo', 
  'connectivity', 
  'location', 
  'pushNotification', 
  'newVersion'
].includes(baz) // works, but I would need to change things here and in type if something changes

Answer 1

如果您只想在一个地方维护您的字符串，您可以将它们as const放入一个数组中，然后从该数组派生一个typeof 。

const EVENT_NAMES = [
  'appInfo',
  'connectivity',
  'location',
  'pushNotification',
  'newVersion',
] as const;

type EventName = typeof EVENT_NAMES[number];

const foo: EventName = 'appInfo';
const bar: EventName = 'appInfos'; // error
const baz: EventName = JSON.parse('appInfos'); // no error

EVENT_NAMES.includes(baz);

EventName类型将是：

const EVENT_NAMES: readonly ["appInfo", "connectivity", "location", "pushNotification", "newVersion"]

Answer 2

根据@bherbruck 的回答，我将 EventName 从 type 更改为 enum。 所以我的枚举看起来像

enum EventName {
  AppInfo = 'appInfo',
  Connectivity = 'connectivity',
  Location = 'location',
  PushNotification = 'pushNotification',
  NewVersion = 'newVersion'
}

验证是

... && Object.values(EventName).includes(this.name);