FrontEnd/TypeScript

Omit, Pick

Dean83 2024. 10. 18. 14:51
  • Omit
    • type 에서 특정 항목을 제거 할 때 사용. 
    • 예를들어 type1 이 속성을 10개를 가지고 있고, type2 에서는 그중 몇개를 제거한 7개의 속성이 중복된다고 했을때 손쉽게 사용 가능.
export type TypeTest1 =
{
	val1 : string,
    val2 : int,
    ....
}

//val2 를 제외하고 속성 생성
export type TypeTest2 = Omit<TypeTest1,'val2'>
{
	
}

 

 

이렇게 커스텀 type 생성시 에도 사용할 수도 있지만, interface 에서도 사용할 수 있다. 

export type TypeTest1 =
{
	val1 : string,
    val2 : int,
    ....
}


interface TestInterface extends Omit<TypeTest1,'val2'>
{

}

 

  • Pick
    • 모든항목을 지우고 특정 항목만 추가하여 상속받는다
export type TypeTest1 =
{
	val1 : string,
    val2 : int,
    ....
}

//val2 속성만 추가
export type TypeTest2 = Pick<TypeTest1,'val2'>
{
	
}

'FrontEnd > TypeScript' 카테고리의 다른 글

커스텀 type 만들기  (0) 2024.10.18
nodemon 설치 (typescript 자동 빌드) 및 기타 모듈  (0) 2024.10.18
유틸리티 타입  (0) 2024.10.17
외부모듈 사용하기  (0) 2024.10.17
type 종류  (0) 2024.10.17