"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 유형 도전이 가능한 TypeScript 모험 – Day Pick

유형 도전이 가능한 TypeScript 모험 – Day Pick

2024-11-03에 게시됨
검색:393

여러분, 안녕하세요.
TypeScript에 대해 더 자세히 알아보기 위해 유형 문제를 해결하고 있습니다.

오늘은 픽에 대해 제가 배운 내용을 공유해드리고자 합니다.

- 도전 -

interface Todo {
  title: string
  description: string
  completed: boolean
}

type TodoPreview = MyPick

const todo: TodoPreview = {
    title: 'Clean room',
    completed: false,
}

내장된 Pick 일반을 사용하지 않고 구현합니다.
T에서 속성 K 세트를 선택하여 유형을 구성합니다.

- 설명 -

문제는 TypeScript가 표준 유틸리티로 제공하는 Pick 유틸리티 유형의 자체 버전을 만드는 것입니다.

- 나의 솔루션 -

interface Todo {
  title: string;
  description: string;
  completed: boolean;
}

type MyPick = {
  [k in U]: T[k];
};

type TodoPreview = MyPick;

const todo: TodoPreview = {
  title: "Clean room",
  completed: false,
};

- 설명 -

한 줄씩 설명하겠습니다.

첫 번째 줄에서 MyPick은 T와 U가 T의 키를 확장한다는 두 가지 인수를 받습니다.

TypeScript Adventures with type-challenges – Day Pick

T: 모든 속성을 포함하는 기본 유형입니다.
U 확장 키of T: 출력 유형에 포함할 속성을 지정합니다.

키 정보
확장 정보

두 번째 줄에는
주어진 인수에서 지정된 속성만 추출하는 새로운 유형을 생성합니다.

TypeScript Adventures with type-challenges – Day Pick

[k in U]와 같은 매핑된 유형 정보

아래와 같이 제목만 제공하여 Todo에서 설명을 제외하는 새로운 유형을 생성하고 MyPick에 완성합니다.

TypeScript Adventures with type-challenges – Day Pick

행복한 코딩☀️

릴리스 선언문 이 기사는 https://dev.to/noah-00/typescript-adventures-with-type-challenges-day-1-pick-5fdj?1에 복제되어 있습니다. 침해가 있는 경우에는 [email protected]으로 문의하시기 바랍니다. 그것을 삭제하려면
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3