타입스크립트 유니언 타입 예제

-

타입스크립트에서 타입을 string, number, boolean처럼 하나씩 별도로 지정하는 방식은 어렵지 않다.
실제 개발에서는
어떤 값이 문자열일 수도 있고,
숫자일 수도 있으며,
API의 응답이 성공일 수도 실패일 수도 있다.
이럴 때 사용할 수 있는 타입이 유니언 타입( Union Type )이다.
타입스크립트의 유니언 타입( Union Type )은
두 개 이상의 OR 조합된 타입 중에 값이 그 중 하나임을 표현한다.

-

let value: string | number;

value = "hello";
value = 123;

// 오류
value = true;

-

let id = 1;
id = "user_1";

-

let id: number | string;

id = 1;
id = "user_1";

-

type UserId = string | number;

let userId: UserId;

userId = "abc123";
userId = 1001;

-

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

printId("user_01");
printId(100);

-

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

-

function printId(id: string | number) {
  if (typeof id === "string") {
    console.log(id.toUpperCase());
  } else {
    console.log(id.toFixed(2));
  }
}

printId("user_01");
printId(100);

-