TypeScript 인터페이스의 키를 문자열 배열로 검색하는 방법은 무엇입니까?

문자열 배열로 Typescript 인터페이스의 키에 액세스

소개

Typescript에서 표 형식 데이터로 작업하려면 인터페이스를 사용하여 열을 정의해야 합니다. 구조. 이러한 구조를 효율적으로 조작하려면 이러한 인터페이스의 속성 이름을 문자열 배열로 검색해야 하는 경우가 많습니다.

해결책

사용자 정의 변환기 사용

Typescript 버전 2.4부터 , 사용자 정의 변환기는 인터페이스에서 키를 추출하는 메커니즘을 제공합니다. 다음 인터페이스를 고려하십시오.

<code class="typescript">interface IMyTable {
  id: number;
  title: string;
  createdAt: Date;
  isDeleted: boolean;
}</code>

속성 이름을 배열로 얻으려면:

<code class="typescript">import { keys } from 'ts-transformer-keys';

const IMyTable = keys<IMyTable>();

console.log(IMyTable); // ["id", "title", "createdAt", "isDeleted"]</code>

사용자 정의 변환기의 제한 사항

사용자 정의 변환기는 편리한 솔루션을 제공하지만, ts 명령 대신 Typescript 변환 API를 사용해야 합니다. 이러한 제한으로 인해 유용성이 저하될 수 있습니다.

대안

맞춤형 변환기를 사용할 수 없는 시나리오의 경우 대체 옵션은 다음과 같습니다.

• 반사 기술 사용(성능에는 권장되지 않음) 이유)
• 속성 이름 배열을 명시적으로 지정(사람의 실수와 유지 관리 오버헤드가 발생하기 쉬움)

위 내용은 TypeScript 인터페이스의 키를 문자열 배열로 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!