TypeScript中數組的接口鍵

Question

有沒有辦法強制從字符串數組中使用接口的鍵：

例如，如果我們有以下數組：

const myArray = ['key1', 'key2'];

我想創建一個名為MyInterface的新接口，它將強制所有myArray條目成為對象鍵：

const myObj: MyInterface = {
  'key1': true,
  'key2': false,
}

Answer 1

您可以為此目的使用keyof運算符。

interface MyInterface {
  key1: boolean;
  key2: boolean;
}

const myObj: MyInterface = {
  key1: true,
  key2: false,
}

const myArray: Array<keyof MyInterface> = ['key1', 'key2'];
// or ...
const myOtherArray: Array<keyof typeof myObj> = ['key1', 'key2'];

你也可以像這樣倒退

const myArray = ['key1', 'key2'] as const;

type MyType = Record<typeof myArray[number], boolean>;

const myObj: MyType = {
  key1: true,
  key2: false,
}