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>

Custom Transformer를 사용한 솔루션

TypeScript 버전 2.3 이후(2.4에서 버그 수정 포함) ), 맞춤형 변압기는 이 문제에 대한 우아한 솔루션을 제공합니다. "ts-transformer-keys" 라이브러리를 사용하는 방법은 다음과 같습니다.

<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!