概要

ユニオン型（Union Type） とは、

「この値は A か B のどちらかになる」 というように、

複数の型をまとめて表現できる仕組み です。

TypeScript では、|（パイプ）記号を使って表します。

初学者向けに一言で説明

👉 「値の型を “どれか1つ” に限定できる型」

具体例

例1：文字列 または 数値 を受け取る

let id: string | number;

id = "abc123"; // OK
id = 100;      // OK
id = true;     // ❌ エラー

例2：決まった文字列だけを許可する

let status: "success" | "error" | "loading";

status = "success"; // OK
status = "error";   // OK
status = "done";    // ❌ エラー

例3：関数の引数で使う

function printId(id: string | number) {
  console.log(id);
}

printId(1);       // OK
printId("abc");   // OK