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에서 직접 지원됩니다. 그러나 사용자 정의 변환기를 사용하는 솔루션이 있습니다.

사용자 정의 변환기 사용

TypeScript 2.4부터 사용자 정의 변환기는 TypeScript의 동작을 수정하는 방법을 제공합니다. 인터페이스 키를 추출하기 위해 사용자 정의 변환기를 정의할 수 있습니다.

<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를 사용해야 합니다. 사용자 정의 변환기에 대한 플러그인 지원을 요청하는 미해결 문제가 있습니다.

기타 고려 사항

인터페이스를 동적으로 생성하는 프레임워크를 사용하는 경우 더 많은 고급 기능을 탐색해야 할 수도 있습니다. 유형 유틸리티 라이브러리 또는 Reflect와 같은 메타프로그래밍 도구를 사용하는 등의 솔루션입니다.

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