[TypeScript] Utility types - Exclude, Extract, Omit, Pick

 

◽ Exclude<T, U>

T에 지정된 타입들 중 U에 나열된 타입들은 제외하여 정의한다.

/**
 * Exclude from T those types that are assignable to U
 */
type Exclude<T, U> = T extends U ? never : T

 

예제 1.

type TChar = "a" | "b" | "c" | "d"
type T00 = Exclude<TChar, "a" | "c" | "f">; // "b" | "d"

 

예제 2.

interface IUser {
  name: string
  age: number
  birth: Date
  death: Date
}

type User = Exclude<keyof IUser, 'death'>
// type User = "name" | "age" | "birth"

이렇게 정의되었다.

 

---

 

 

◽ Extract<T, U>

// Extract<T, U>: T에 지정된 타입들 중 U에 나열된 타입을 추출하겠다.
type TChar = "a" | "b" | "c" | "d"
type T01 = Extract<TChar, "a" | "c" | "f">; // "a" | "c"

 

예제 1.

interface IUser {
  name: string
  age: number
  birth: Date
  death: Date
}

type User = Extract<keyof IUser, 'death'>
// type User = "death"

 

 

 

---

 

 

 

 

◽ Omit<T, U>

T에 지정된 타입들 중 U에 나열된 타입들은 제외하여 정의한다.

Exclude와 동일한 결과를 낸다.

 

 

예제 1.

interface IUser {
  name: string
  age: number
  birth: string
  death: string
}

type User = Omit<IUser, 'birth' | 'death'>

const user1: User = {
  name: 'thor',
  age: 10000,
}

 

 

💡 Omit vs Exclude

결과는 동일하나 과정이 다르다.

Omit은 특정 속성을 아예 제거해버리는 결과가 나온다.

Exclude는 속성을 제거하는 것이 아니라 특정 Union Type을 제외시키는 개념으로, type의 속성들을 Union으로 나열한 뒤 특정한 Union type을 제거하는 개념이다.

 

omit

exclude

 

 

 

---

 

 

 

◽ Pick<T, U>

예제 1.

interface State {
	id: string;
	name: string;
	skill: string[];
	birth: string;
}

// 이 때, 이렇게 사용하는 것보다는 State 인터페이스의 부분집합으로 UserState를 정의하는게 낫다.
interface UserState {
	id: string;
	name: string;
	skill: string[];
}

// 1. 이렇게 바꿀 수 있다.
type UserState {
	id: State['id'];
	name: State['name'];
	skill: State['skill'];
}

// 2. 그리고 이렇게 반복을 줄일 수 있다.
type UserState = {
	[k in 'id' | 'name' | 'skill']: State[k]
}

// 3. 그리고 바꿀 수 있다!
// type Pick<T, K> = { [k in K]: T[k] }
type UserState = Pick<State, 'id' | 'name' | 'skill'>

 

 

 

---

 

 

 

출처 및 참고

• https://stackoverflow.com/questions/56916532/difference-b-w-only-exclude-and-omit-pick-exclude-typescript
• https://heejinlee07.github.io/2021/10/03/211004_tsOmitExclude/
• 댄 밴터캄, 이펙티브 타입스크립트 (프로그래밍 인사이트, 2021)