TypeScript 레코드 유형을 이해하기위한 포괄적 인 안내서-JS 튜토리얼-php.cn

TypeScript 레코드 유형을 이해하기위한 포괄적 인 안내서

Joseph Gordon-Levitt

풀어 주다： 2025-02-08 11:03:10

원래의

148명이 탐색했습니다.

A Comprehensive Guide to Understanding TypeScript Record Type 이 안내서는 일관된 값 유형을 갖는 객체를 만드는 강력한 도구 인 TypeScript의

유형을 탐색합니다. 우리는 그 정의, 구문, 튜플 비교, 철저한 케이스 처리 및 열거 매핑과 같은 실제 응용 프로그램, ,

및 . Record 유형 이해를 이해합니다 Partial 유형을 사용하면 모든 값이 동일한 유형을 공유하는 객체 유형을 정의 할 수 있지만 키는 다를 수 있습니다. 그것의 정의는 다음과 같습니다. Pick Readonly : 가능한 키를 정의하는 현악 리터럴 또는 노조에서 파생 된 유형의 통합.

: 키와 관련된 모든 값의 유형.

예를 들어 Record는 모든 키가 문자열이고 모든 값이 숫자 인 객체를 만듭니다.

vs. Record

Record<Keys, Type>

로그인 후 복사

모두 둘 다 데이터 컬렉션을 처리하지만 크게 다릅니다 : <🎜 🎜>

Keys : 고정 값 유형의 이름이 지정된 속성입니다. 키 가치 매핑에 이상적입니다. <🎜 🎜>
Type : 각각 다른 유형을 갖는 요소 목록의 순서 목록. 고정 크기 컬렉션에 유용합니다.

예 : <🎜 🎜> Record<string, number> <🎜 🎜> <<> 기본

사용량

<<> a Record 정의에는 키 및 값 유형을 지정하는 것이 포함됩니다 Tuple <🎜 🎜> <<> 실제 응용 프로그램 <🎜 🎜>

<🎜 🎜> <<> 철저한 사례 처리 :

열거 또는 노조의 모든 사례가 처리되도록하십시오.

<🎜 🎜> <<> 일반 유형 확인 : Record 레코드를 생성하는 재사용 가능한 함수를 만듭니다 : <🎜 🎜>
<🎜 🎜> <<> ENUM에서 데이터 매핑에 대한 열거 : 열거에서 조회 테이블을 만듭니다 : <🎜 🎜> Tuple

<🎜 🎜> <<> 반복 <🎜 🎜> 유형 <🎜 🎜>

// Record: string keys, number values
type AgeMap = Record<string, number>;

// Tuple: string and number in specific order
type Person = [string, number];

로그인 후 복사

몇 가지 방법은 반복을 허용합니다

<<> : 키 값 쌍을 반복합니다 Record <<> : 키 위로 반복 <<> : 키 배열을 반환합니다

<<> : 값의 배열을 반환합니다

<🎜 🎜> <<> 유틸리티 유형을 사용한 고급 사용량 Record

// Object with string keys and string values
type User = Record<string, string>;

로그인 후 복사

다른 유틸리티 유형과

를 결합하면 기능이 향상됩니다 <🎜 🎜> <<>

<🎜 🎜> : 특정 속성을 선택하십시오 : <🎜 🎜>

<🎜 🎜> <<> : 불변의 물체를 만듭니다

enum Status { Pending, Completed, Failed }
const statusMessages: Record<Status, string> = {
  [Status.Pending]: "Request pending...",
  [Status.Completed]: "Request complete!",
  [Status.Failed]: "Request failed."
};

로그인 후 복사