TypeScript インターフェイスのキーを文字列配列として取得するにはどうすればよいですか?

文字列配列としての Typescript インターフェイスのキー

TypeScript 開発における一般的なシナリオの 1 つは、データベース テーブル インターフェイスとそのそれぞれの列を処理することです。たとえば、次のように定義されたインターフェイスを考えてみましょう。

<code class="typescript">export interface IMyTable {
  id: number;
  title: string;
  createdAt: Date;
  isDeleted: boolean;
}</code>

このインターフェイスのプロパティ名を次のような文字列の配列として取得する必要がある場合があります。

<code class="typescript">const IMyTable = ["id", "title", "createdAt", "isDeleted"];</code>

これは特に重要ですオブジェクト/配列の直接割り当てが不可能なテーブル インターフェイスに動的にアクセスする場合。

解決策

これを実現するには、TypeScript 2.3 で導入された、サードパーティ パッケージとして利用可能なカスタム トランスフォーマーを使用できます。 :

<code class="typescript">import { keys } from 'ts-transformer-keys';

interface Props {
  id: string;
  name: string;
  age: number;
}
const keysOfProps = keys<Props>();

console.log(keysOfProps); // ['id', 'name', 'age']</code>

このトランスフォーマーでは、tsc コマンドを直接呼び出すのではなく、TypeScript 変換 API を利用する必要があります。ただし、カスタム トランスフォーマーの使用を簡素化するために、カスタム トランスフォーマーのプラグイン サポートを要求する継続的な問題があります。

以上がTypeScript インターフェイスのキーを文字列配列として取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。