【TypeScript】ユニオン型とは何ですか?
TypeScript

【TypeScript】ユニオン型とは何ですか?

作成日:2021年07月18日
更新日:2021年08月05日

前回は、TypeScript のオブジェクト型について紹介しました。

typescript-object-type

【TypeScript】オブジェクト型とは何ですか?

今回は、ユニオン型について紹介します。

例えば年齢の変数があるとします。

ts
let age: number = 16;

では、age に 16 歳を代入します。

ts
let age: number = 16;
age = "16歳";

すると、『string 型を number 型に代入しては、だめですよ』と指摘されます。

image2

string 型と number 型両方使えるようにしたい場合、ユニオン型を使います。

方法は、number と string の間に、『もしくは』や『or』で使う | を書き込みます。

例えば、age の変数ですと、

ts
let age: number | string = 16;

と設定します。

すると、

image3

age は、number 型でもあり、string 型でもある型となりました。

先程の指摘もなくなりました。

© 2024あずきぱんウェブスタジオ