ホームページ  >  記事  >  ウェブフロントエンド  >  TypeScript インターフェイスのキーを文字列の配列として取得するにはどうすればよいですか?

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

Linda Hamilton
Linda Hamiltonオリジナル
2024-10-30 12:35:26305ブラウズ

How to Retrieve the Keys of a TypeScript Interface as an Array of Strings?

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

はじめに

Typescript で表形式のデータを操作するには、インターフェイスを使用して列を定義する必要があります構造物。これらの構造を効率的に操作するには、多くの場合、これらのインターフェイスのプロパティ名を文字列の配列として取得する必要があります。

ソリューション

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

Typescript バージョン 2.4 以降、カスタム トランスフォーマーは、インターフェイスからキーを抽出するメカニズムを提供します。次のインターフェイスを考えてみましょう:

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

プロパティ名を配列として取得するには:

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

const IMyTable = keys<IMyTable>();

console.log(IMyTable); // ["id", "title", "createdAt", "isDeleted"]</code>

カスタム トランスフォーマーの制限

カスタム トランスフォーマーは便利なソリューションを提供しますが、 ts コマンドではなく、Typescript 変換 API を使用する必要があります。この制限により、使いやすさが妨げられる可能性があります。

代替手段

カスタム トランスフォーマーが実現できないシナリオでは、代替オプションとして次のようなものがあります。

  • リフレクション テクニックの使用 (パフォーマンスの点で推奨されません)理由)
  • プロパティ名の配列を明示的に指定する (人的エラーとメンテナンスのオーバーヘッドが発生しやすい)

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。