問題一覧に戻る
初級基本
問題6: Union型

Union型を使って、変数が複数の型のいずれかを受け入れることができるようにする方法を学びます。パイプ(|)を使って型を組み合わせます。

// Union型の基本的な使用
let id = 123;
id = "ABC123";

// 関数パラメータでのUnion型
function formatPrice(price) {
  if (typeof price === "string") {
    return price;
  }
  return `$${price.toFixed(2)}`;
}

// リテラル型のUnion
let status = "loading";
status = "success";
status = "error";