TypeScript
【TypeScript】ユニオン型とは何ですか?
作成日:2021年07月18日
更新日:2021年08月05日
前回は、TypeScript のオブジェクト型について紹介しました。
【TypeScript】オブジェクト型とは何ですか?
今回は、ユニオン型について紹介します。
例えば年齢の変数があるとします。
ts
let age: number = 16;
では、age に 16 歳を代入します。
ts
let age: number = 16;
age = "16歳";
すると、『string 型を number 型に代入しては、だめですよ』と指摘されます。
string 型と number 型両方使えるようにしたい場合、ユニオン型を使います。
方法は、number と string の間に、『もしくは』や『or』で使う | を書き込みます。
例えば、age の変数ですと、
ts
let age: number | string = 16;
と設定します。
すると、
age は、number 型でもあり、string 型でもある型となりました。
先程の指摘もなくなりました。
お知らせ
私事ですが、Udemyで初心者を対象にしたReactの動画コースを作成しました。
Reactについて興味がありましたら、ぜひ下のリンクからアクセスしてください。
詳しくはこちら(Udemyの外部サイトへ遷移します)