サンプルコードで身につける: ユニオン型

let memberId: string | number;

memberId = "user-001"; // 文字列もOK
console.log(memberId);

memberId = 1234; // 数値もOK
console.log(memberId);

// memberId = false; // boolean は候補にないのでエラー

// 商品番号は "A-1" のような文字列でも 42 のような数値でもよい
function toLabel(itemCode: string | number): string {
  return "No." + itemCode;
}

console.log(toLabel("A-1"));
console.log(toLabel(42));
console.log(toLabel("B-9"));

// 操作の記録: コマンド名(文字列)と座標(数値)が混ざっている
const inputHistory: (string | number)[] = ["start", 10, 20, "pause", 30];

for (const entry of inputHistory) {
  console.log("入力: " + entry);
}

console.log("件数: " + inputHistory.length);

// string にも string[] にも length があるので共通の操作として使える
function describeLength(value: string | string[]): string {
  return "長さ: " + value.length;
}

console.log(describeLength("hello"));
console.log(describeLength(["a", "b", "c"]));

// value.toUpperCase() は string 専用なのでユニオンのままでは呼べない

type Member = {
  memberName: string;
  age: number;
};

// 戻り値は「見つかった Member」または「null」のユニオン型
function findMember(memberList: Member[], targetName: string): Member | null {
  for (const member of memberList) {
    if (member.memberName === targetName) {
      return member;
    }
  }
  return null;
}

const memberList: Member[] = [
  { memberName: "Taro", age: 28 },
  { memberName: "Hanako", age: 25 },
];

console.log(findMember(memberList, "Taro"));
console.log(findMember(memberList, "Jiro")); // 見つからないので null