TypeScript：访问排除的只读对象文字的特定键

Question

我需要确保 bar 的值必须是只读对象中除 c 和 d 之外的任一键的 label FOO.

const FOO = {
  a: {
    label: 'aa',
    value: 'aaa',
  },
  b: {
    label: 'bb',
    value: 'bbb',
  },
  c: {
    label: 'cc',
    value: 'ccc',
  },
  d: {
    label: 'dd',
    value: 'ddd',
  },
} as const;

// enforce assignment here
const BAR = 'aa'; // or 'bb'

Answer 1

解决方案

type FOO_TYPE = typeof FOO;

/*
  FOO_TYPE would give the type of entire object:

  readonly a: {
    readonly label: "aa";
    readonly value: "aaa";
  };
  readonly b: {
    readonly label: "bb";
    readonly value: "bbb";
  };
  readonly c: {
    readonly label: "cc";
    readonly value: "ccc";
  };
*/

// all the keys in FOO
type FOO_KEYS = keyof FOO_TYPE; // "a" | "b" | "c" | "d"

// all the keys except c and d
type EXCLUDED_KEYS = Exclude<FOO_KEYS, 'c' | 'd'>; // "a" | "b"

// enforce the assignment
const BAR: FOO_TYPE[EXCLUDED_KEYS]['label'] = 'aa'; // "aa" | "bb"

TypeScript：访问排除的只读对象文字的特定键

TypeScript: Access specific key of excluded readonly object literal

javascript

reactjs

typescript

object

object-literal

解决方案