TypeScript でインターフェイス キーに配列としてアクセスするにはどうすればよいですか?

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

TypeScript インターフェイスは、特定のプロパティを持つオブジェクトの構造を定義するためによく使用されます。ただし、インターフェイスからプロパティ キーの配列を取得する必要がある場合があります。これにより、インターフェイス データの反復と操作が容易になります。

インターフェイス キーを配列として取得する

TypeScript 2.3 以降、カスタム トランスフォーマーは言語を拡張するための強力なメカニズムを提供します。 。注目すべきトランスフォーマの 1 つである ts-transformer-keys は、インターフェイス キーを配列に抽出するために使用できます。

ts-transformer-keys トランスフォーマの使用

ts-transformer-keys トランスフォーマー、以下に従ってください手順:

1. トランスフォーマーのインストール:

   npm install ts-transformer-keys

2. TypeScript 構成ファイルの作成(tsconfig.json):

   <code class="json">{
     "compilerOptions": {
       "plugins": [
         {
           "name": "ts-transformer-keys"
         }
       ]
     }
   }</code>

3. TypeScript コード内:

   <code class="typescript">import { keys } from 'ts-transformer-keys';
   
   interface IMyTable {
     id: number;
     title: string;
     createdAt: Date;
     isDeleted: boolean;
   }
   
   const IMyTableKeys = keys<IMyTable>(); // ['id', 'title', 'createdAt', 'isDeleted']</code>

   IMyTableKeys 変数には、すべてのインターフェイスの配列

カスタム トランスフォーマーの利点

カスタム トランスフォーマーにはいくつかの利点があります。

• 柔軟性: これらは TypeScript の機能を拡張し、既存の機能ではカバーされていないカスタム変換を可能にします。
• 型安全性: 生成されたコードは型情報を維持し、コードの正確性を保証します。
• 拡張性: トランスフォーマーを結合または拡張して作成できます。特定のユースケース向けのカスタム ソリューション。

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