Heim > Web-Frontend > js-Tutorial > Wie greife ich in TypeScript als Array auf Schnittstellenschlüssel zu?

Wie greife ich in TypeScript als Array auf Schnittstellenschlüssel zu?

Mary-Kate Olsen
Freigeben: 2024-10-31 00:08:30
Original
851 Leute haben es durchsucht

How to Access Interface Keys as an Array in TypeScript?

Zugriff auf Schnittstellenschlüssel als Array in TypeScript

TypeScript-Schnittstellen werden häufig verwendet, um die Struktur von Objekten mit bestimmten Eigenschaften zu definieren. Es kann jedoch vorkommen, dass Sie ein Array von Eigenschaftsschlüsseln von einer Schnittstelle abrufen müssen. Dies ermöglicht eine einfachere Iteration und Manipulation von Schnittstellendaten.

Erhalten von Schnittstellenschlüsseln als Array

Ab TypeScript 2.3 bieten benutzerdefinierte Transformatoren einen leistungsstarken Mechanismus zur Erweiterung der Sprache . Ein bemerkenswerter Transformer, ts-transformer-keys, kann verwendet werden, um Schnittstellenschlüssel in ein Array zu extrahieren.

Verwenden des ts-transformer-keys Transformer

Zur Nutzung des ts-transformer-keys Transformator, befolgen Sie diese Schritte:

  1. Installieren Sie den Transformator:

    npm install ts-transformer-keys
    Nach dem Login kopieren
  2. Erstellen Sie eine TypeScript-Konfigurationsdatei (tsconfig.json):

    <code class="json">{
      "compilerOptions": {
        "plugins": [
          {
            "name": "ts-transformer-keys"
          }
        ]
      }
    }</code>
    Nach dem Login kopieren
  3. In Ihrem TypeScript-Code:

    <code class="typescript">import { keys } from 'ts-transformer-keys';
    
    interface IMyTable {
      id: number;
      title: string;
      createdAt: Date;
      isDeleted: boolean;
    }
    
    const IMyTableKeys = keys<IMyTable>(); // ['id', 'title', 'createdAt', 'isDeleted']</code>
    Nach dem Login kopieren

    Die IMyTableKeys-Variable enthält jetzt ein Array aller Schnittstellenschlüssel.

Vorteile von benutzerdefinierten Transformern

Benutzerdefinierte Transformer bieten mehrere Vorteile:

  • Flexibilität: Sie erweitern die Funktionen von TypeScript und ermöglichen benutzerdefinierte Transformationen, die nicht durch vorhandene Funktionen abgedeckt werden.
  • Typsicherheit: Der generierte Code behält Typinformationen bei, Gewährleistung der Codekorrektheit.
  • Erweiterbarkeit: Transformer können kombiniert oder erweitert werden, um benutzerdefinierte Lösungen für bestimmte Anwendungsfälle zu erstellen.

Das obige ist der detaillierte Inhalt vonWie greife ich in TypeScript als Array auf Schnittstellenschlüssel zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage