[解決済み] TypeScriptの配列を文字列リテラルに変換するタイプ
2022-08-16 01:18:02
質問
現在、文字列の配列と、同じ文字列を含む文字列リテラルのユニオン型の両方を持っています。
const furniture = ['chair', 'table', 'lamp'];
type Furniture = 'chair' | 'table' | 'lamp';
私は自分のアプリケーションで両方が必要ですが、私は自分のコードをDRYに保とうとしています。そこで、他から一方を推論する方法はあるのでしょうか?
私は基本的に次のようなことを言いたいのです。
type Furniture = [any string in furniture array]
のように、文字列が重複しないようにしたい。
どのように解決するのですか?
TypeScript 3.0に対応したアップデート。
一般的なレストパラメータを使用することで、正しく
string[]
をリテラルタプル型として正しく推論し、その後リテラルのユニオン型を取得する方法があります。
このようになります。
const tuple = <T extends string[]>(...args: T) => args;
const furniture = tuple('chair', 'table', 'lamp');
type Furniture = typeof furniture[number];
TypeScript 3.4へのアップデート。
TypeScriptバージョン3.4では、いわゆる const コンテキスト を導入しました。これはタプル型をimmutableと宣言し、狭いリテラル型を直接取得する方法です(上に示したような関数を呼び出す必要はありません)。
この新しい構文により、私たちはこの素晴らしい簡潔な解決策を得ることができます。
const furniture = ['chair', 'table', 'lamp'] as const;
type Furniture = typeof furniture[number];
関連
-
[解決済み】IndexError: Index 10 is out of bounds for axis 0 with size 10
-
[解決済み] MATLABでn次元の行列の各要素を反復処理するにはどうすればよいですか?
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] C#のStringとstringの違いは何ですか?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] JavaでInputStreamを読み込んでStringに変換するにはどうすればよいですか?
-
[解決済み] 配列からArrayListを作成する
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】オブジェクトの配列を文字列のプロパティ値でソートする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】IndexError: Index 10 is out of bounds for axis 0 with size 10
-
[解決済み] 配列から要素を1つだけ値で削除する方法
-
[解決済み] Angular 2のTypeScriptで配列にフィルタをかけるには?
-
[解決済み] MATLABで動的配列を作成する方法
-
[解決済み] jsonに複数の値を1つのキーで格納する
-
[解決済み] 配列をヒープ化するためのヒープにおけるsiftUp, siftDown操作
-
[解決済み] Twigでの出力配列
-
[解決済み] Rubyでハッシュの配列をソートする方法
-
[解決済み] Javascript/Typescriptで配列のクローンを作成する
-
[解決済み] Angular 2とTypeScriptで2つのオブジェクト配列をマージする?