TypeScript 선택 유형 작동 방식

TypeScriptPick 유형은 이미 존재하는 유형을 기반으로 새 사용자 정의 유형을 만드는 데 사용되는 유틸리티 유형입니다. 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"> . 예를 들어 firstNamelastName만 있는 새 유형을 만들어 보겠습니다.

type User = {
    firstName: string,
    lastName: string,
    age: number
}
type UserName = Pick<User, "firstName" | "lastName">


이제 새로운 유형인 UserName 를 사용하여 firstNamelastName로만 구성된 변수를 정의할 수 있습니다.

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 유형은 기존 유형을 기반으로 사용자 지정 유형을 만드는 데 매우 유용합니다. 이제 마스터했으므로 유형 선언을 단순화할 수 있습니다.

좋은 웹페이지 즐겨찾기