ホームページ > 記事 > ウェブフロントエンド > 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 バージョン 2.3 以降 (2.4 でバグ修正あり) )、カスタム トランスフォーマーは、この問題に対する洗練されたソリューションを提供します。 「ts-transformer-keys」ライブラリの使用方法は次のとおりです。
<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 サイトの他の関連記事を参照してください。