Zugriff auf Schlüssel einer Typescript-Schnittstelle als Array von Strings

Einführung

Das Arbeiten mit Tabellendaten in Typescript erfordert die Verwendung von Schnittstellen zum Definieren von Spalten Strukturen. Um diese Strukturen effizient zu manipulieren, ist es häufig erforderlich, die Eigenschaftsnamen dieser Schnittstellen als Array von Zeichenfolgen abzurufen.

Lösung

Verwenden benutzerdefinierter Transformatoren

Seit Typescript Version 2.4 Benutzerdefinierte Transformatoren bieten einen Mechanismus zum Extrahieren von Schlüsseln aus Schnittstellen. Betrachten Sie die folgende Schnittstelle:

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

Um die Eigenschaftsnamen als Array zu erhalten:

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

const IMyTable = keys();

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

Einschränkungen benutzerdefinierter Transformer

Benutzerdefinierte Transformer bieten zwar eine praktische Lösung, erfordern jedoch die Verwendung des Typescript Transformations-API anstelle des Befehls ts. Diese Einschränkung kann ihre Nutzbarkeit beeinträchtigen.

Alternativen

In Szenarien, in denen benutzerdefinierte Transformatoren nicht realisierbar sind, umfassen alternative Optionen:

• Verwendung von Reflexionstechniken (aus Gründen der Leistung nicht empfohlen). Gründe)
• Explizite Angabe des Arrays von Eigenschaftsnamen (anfällig für menschliches Versagen und Wartungsaufwand)