サンプルコードで身につける: in と等価チェックによる絞り込み

type EmailContact = { email: string };
type PhoneContact = { phoneNumber: string };

function contactTo(contact: EmailContact | PhoneContact): string {
  // email プロパティを持っていれば EmailContact に絞り込まれる
  if ("email" in contact) {
    return "メール送信: " + contact.email;
  }
  return "電話発信: " + contact.phoneNumber;
}

console.log(contactTo({ email: "taro@example.com" }));
console.log(contactTo({ phoneNumber: "090-0000-0000" }));

// ニックネーム未設定のユーザーは null が渡ってくる
function greetUser(nickname: string | null): string {
  if (nickname === null) {
    return "ゲストさん、こんにちは";
  }
  return nickname + "さん、こんにちは"; // ここでは string
}

console.log(greetUser("Hana"));
console.log(greetUser(null));

const stockList = [
  { itemName: "コーヒー", stock: 10 },
  { itemName: "紅茶", stock: 0 },
];

// find の結果は「見つかった要素 | undefined」のユニオン型
const teaItem = stockList.find(function (item) {
  return item.itemName === "紅茶";
});

if (teaItem === undefined) {
  console.log("商品が見つかりません");
} else {
  console.log(teaItem.itemName + "の在庫: " + teaItem.stock);
}

type WalkRoute = { minutesOnFoot: number };
type BusRoute = { busLine: string };
type TrainRoute = { trainLine: string; transfers: number };

function describeRoute(route: WalkRoute | BusRoute | TrainRoute): string {
  if ("minutesOnFoot" in route) {
    return "徒歩" + route.minutesOnFoot + "分";
  }
  if ("busLine" in route) {
    return route.busLine + "バスに乗車";
  }
  return route.trainLine + "線(乗換" + route.transfers + "回)"; // 残るのは TrainRoute
}

console.log(describeRoute({ minutesOnFoot: 12 }));
console.log(describeRoute({ busLine: "市営" }));
console.log(describeRoute({ trainLine: "中央", transfers: 1 }));

type SuccessResponse = { data: string[] };
type ErrorResponse = { errorMessage: string };

function handleResponse(response: SuccessResponse | ErrorResponse): void {
  if ("errorMessage" in response) {
    console.log("エラー: " + response.errorMessage);
    return; // エラー側を先に処理して抜ける
  }
  console.log("取得件数: " + response.data.length);
  for (const row of response.data) {
    console.log("- " + row);
  }
}

handleResponse({ data: ["Taro", "Hanako"] });
handleResponse({ errorMessage: "認証に失敗しました" });