[ TypeScript ] Union Type

한대희·2023년 5월 27일
0

TypeScript

목록 보기
7/13
post-thumbnail
post-custom-banner

Union Type

  • Union Type은 여러개의 타입을 합성해서 만드는 타입을 의미한다.
  • ' | ' 를 이용해서 여러개의 타입을 합성할 수 있다.
// 😀 변수 a는 string과 number타입 모두를 가질 수 있다는 의미
let a: string | number;

// string도 할당 할 수 있고, number도 할당 할 수 있다.
a = 1;
a = "hello";
  • 추가적으로 Union Type은 배열과 객체에서도 활용할 수 있다.

1. 배열의 타입을 Union Type으로 정의하기

  • 배열의 타입을 정의 할 때 배열의 요소들을 Union Type으로 지정할 수 있다.
let arr: (number | string | boolean)[] = [1, "hello", true];

2. 여러가지 타입을 Union Type으로 묶을 수도 있다.

type A = {
  name: string;
  age: number;
};

type B = {
  name: string;
  height: number;
};

type Union = A | B;

// 😀  User는 A타입, B타입 모두 가질 수 있다.
let User: Union = {
  name: 'hdh',
  age: 30
}
// 😀 User2도 A타입, B타입 모두 가질 수 있다.
let User2: Union = {
  name: 'hdh',
  height: 180
}

// 🔥 Union타입에 들어 있는 타입들의 모든 프로퍼티를 모두 가질 수도 있다.
let User3: Union = {
  name: 'hdh',
  age: 30,
  height: 180
}
profile
개발 블로그
post-custom-banner

0개의 댓글