[解決済み】Typescriptで変数の型を取得する方法は?
2022-04-14 14:12:54
質問
ある変数があります。
abc:number|string;
その型を確認するにはどうしたらよいですか?以下のようなことをしたいのですが。
if (abc.type === "number") {
// do something
}
解決方法は?
の場合。
abc:number|string;
を使用します。
JavaScript
演算子
typeof
:
if (typeof abc === "number") {
// do something
}
TypeScriptは以下のことを理解します。
typeof
????
これをタイプガードといいます。
もっと見る
クラスの場合は、以下のようになります。
instanceof
例
class Foo {}
class Bar {}
// Later
if (fooOrBar instanceof Foo){
// TypeScript now knows that `fooOrBar` is `Foo`
}
また、他のタイプガードもあります。
in
その他
https://basarat.gitbooks.io/typescript/content/docs/types/typeGuard.html
関連
-
[解決済み] TypeScriptで文字列を数値に変換する方法とは?
-
[解決済み] TypeScript で `window` に新しいプロパティを明示的に設定するにはどうすればよいですか?
-
[解決済み] TypeScriptでの取得と設定
-
[解決済み] TypeScriptでパラメータとして強く型付けされた関数は可能か?
-
[解決済み] Typescript オブジェクトのインデックス付きメンバの型を強制する?
-
[解決済み] TypeScriptのオブジェクトリテラルでの型定義
-
[解決済み] Typescript によるインターフェース型チェック
-
[解決済み] チェックした後に○○の表現が変わっている
-
[解決済み】TypeScriptのインターフェースと型について
-
[解決済み】Typescript Type 'string' はタイプに割り当てられない。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angular 2の@ViewChildアノテーションがundefinedを返す
-
[解決済み] エラー TS2322: タイプ 'Object[]' はタイプ '[Object]' に割り当てられません。
-
[解決済み] TypeScript - Angular: 複数行の文字列
-
[解決済み] Jestで関数をモックする方法
-
[解決済み] TypeScriptのInterface Function Property。何が違うの?
-
[解決済み] 'unknown' vs. 'any'
-
[解決済み] オプションのパラメータを省略しながら、他のオプションのパラメータを渡すには?
-
[解決済み】「エラー TS2533: オブジェクトは 'null' または 'undefined' の可能性があります」を抑制する方法とは?
-
[解決済み】オブジェクトの配列を定義するにはどうしたらいいですか?
-
[解決済み】タイプライター。TS7006: パラメータ 'xxx' は暗黙のうちに 'any' 型を持つ。