TypeScript 선택 유형 작동 방식
Pick
유형은 이미 존재하는 유형을 기반으로 새 사용자 정의 유형을 만드는 데 사용되는 유틸리티 유형입니다. Omit Type 의 반대입니다. 어떻게 작동하는지 살펴보겠습니다.맞춤 유형
이 가이드에서는 사용자 정의 유형을 사용하고 있습니다. 사용자 정의 유형을 처음 사용하는 경우 check out my guide on custom types here .
})
TypeScript 선택 유틸리티 유형
TypeScript에는 본질적으로 특정 문제를 해결하는 사용자 지정 유형인 여러 유틸리티 유형이 있습니다.
Pick
해결되는 문제는 이미 존재하는 유형이 있고 해당 유형의 몇 가지 필드만 사용하여 새 유형을 생성하려는 경우입니다. 예를 들어 다음과 같은 User
유형이 있다고 가정합니다.type User = {
firstName: string,
lastName: string,
age: number
}
코드의 다른 부분에서 우리는 사용자를 참조하고 싶지만 데이터가 성과 이름만 제공한다는 것을 알고 있습니다. 따라서 모든 필드가 필수이므로 실제로
User
유형을 사용할 수 없습니다. User
를 기반으로 새 유형을 생성하려면 Pick
를 사용할 수 있습니다.Pick
에는 두 개의 인수가 있습니다. 첫 번째는 사용하려는 유형인 Type
이고 두 번째는 사용 중인 유형에서 선택하려는 통합 유형 또는 필드 목록입니다. 다음과 같이 작성합니다. Type<User, "fields" | "to" | "include">
. 예를 들어 firstName
및 lastName
만 있는 새 유형을 만들어 보겠습니다.type User = {
firstName: string,
lastName: string,
age: number
}
type UserName = Pick<User, "firstName" | "lastName">
이제 새로운 유형인
UserName
를 사용하여 firstName
및 lastName
로만 구성된 변수를 정의할 수 있습니다.let user:UserName = {
firstName: "John",
lastName: "Doe"
}
사용자의 나이만 포함하는 새 유형을 만들고 싶다면
Pick
를 사용할 수도 있습니다. 예는 다음과 같습니다.type User = {
firstName: string,
lastName: string,
age: number
}
type UserAge = Pick<User, "age">
let age:UserAge = {
age: 1534
}
보시다시피
Pick
유형은 기존 유형을 기반으로 사용자 지정 유형을 만드는 데 매우 유용합니다. 이제 마스터했으므로 유형 선언을 단순화할 수 있습니다.
Reference
이 문제에 관하여(TypeScript 선택 유형 작동 방식), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/smpnjn/how-the-typescript-pick-type-works-aph텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)