TypeScript 인터페이스의 키를 문자열 배열로 어떻게 얻을 수 있나요?

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

TypeScript 개발의 일반적인 시나리오 중 하나는 데이터베이스 테이블 인터페이스와 해당 열을 처리하는 것입니다. 예를 들어 다음과 같이 정의된 인터페이스를 생각해 보세요.

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

이 인터페이스의 속성 이름을 다음과 같은 문자열 배열로 검색해야 할 수도 있습니다.

<code class="typescript">const IMyTable = ["id", "title", "createdAt", "isDeleted"];</code>

이는 특히 중요합니다. 직접적인 개체/배열 할당이 가능하지 않은 테이블 인터페이스에 동적으로 액세스할 때.

해결책

이를 달성하려면 TypeScript 2.3에 도입된 사용자 정의 변환기를 사용할 수 있습니다. 이 변환기는 타사 패키지로 제공됩니다. :

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

interface Props {
  id: string;
  name: string;
  age: number;
}
const keysOfProps = keys<Props>();

console.log(keysOfProps); // ['id', 'name', 'age']</code>

이 변환기를 사용하려면 tsc 명령을 직접 호출하는 대신 TypeScript 변환 API를 활용해야 합니다. 그러나 사용을 단순화하기 위해 맞춤형 변환기에 대한 플러그인 지원을 요청하는 문제가 진행 중입니다.

위 내용은 TypeScript 인터페이스의 키를 문자열 배열로 어떻게 얻을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!