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

소개

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

해결책

사용자 정의 변환기 사용

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

interface IMyTable {
  id: number;
  title: string;
  createdAt: Date;
  isDeleted: boolean;
}

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

import { keys } from 'ts-transformer-keys';

const IMyTable = keys();

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

사용자 정의 변환기의 한계

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

대안

사용자 정의 변환기가 불가능한 시나리오의 경우 대체 옵션은 다음과 같습니다.

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