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

TypeScript で文字列配列としてインターフェイス キーにアクセスする

TypeScript では、インターフェイスのプロパティ名を配列として取得すると便利です文字列の。次のインターフェイスを考えてみましょう:

<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 で直接サポートされています。ただし、カスタム トランスフォーマーを使用する解決策もあります。

カスタム トランスフォーマーの使用

TypeScript 2.4 以降、カスタム トランスフォーマーは TypeScript の動作を変更する方法を提供します。インターフェイス キーを抽出するカスタム トランスフォーマーを定義できます。

<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 を使用する必要があります。カスタム トランスフォーマーのプラグイン サポートをリクエストする未解決の問題があります。

その他の考慮事項

インターフェイスを動的に生成するフレームワークを使用している場合は、より高度な方法を検討する必要がある場合があります。タイプ ユーティリティ ライブラリや Reflect などのメタプログラミング ツールの使用などのソリューション。

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