条件分岐 if switch 三項演算

TypeScriptでは、JavaScriptの条件分岐構文(if, switch, 三項演算子など)に加えて型ガードがある。


🧠 基本的な条件分岐

if / else

function greet(name?: string) {
  if (name) {
    console.log(`Hello, ${name}`);
  } else {
    console.log("Hello, Guest");
  }
}

switch文

type Color = 'red' | 'blue' | 'green';

function getColorCode(color: Color): string {
  switch (color) {
    case 'red':
      return '#FF0000';
    case 'blue':
      return '#0000FF';
    case 'green':
      return '#00FF00';
    default:
      const _exhaustiveCheck: never = color;
      throw new Error(`未知の色: ${color}`);
  }
}

三項演算子(条件演算子)

const status = isLoggedIn ? "ログイン中" : "未ログイン";

コメントを残す 0

Your email address will not be published. Required fields are marked *