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
Mary-Kate OlsenOriginal
2024-10-31 00:08:30851Durchsuche

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
  2. Erstellen Sie eine TypeScript-Konfigurationsdatei (tsconfig.json):

    <code class="json">{
      "compilerOptions": {
        "plugins": [
          {
            "name": "ts-transformer-keys"
          }
        ]
      }
    }</code>
  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>

    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!

Stellungnahme:
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