Maison > interface Web > js tutoriel > Comment accéder aux clés d'interface sous forme de tableau dans TypeScript ?

Comment accéder aux clés d'interface sous forme de tableau dans TypeScript ?

Mary-Kate Olsen
Libérer: 2024-10-31 00:08:30
original
854 Les gens l'ont consulté

How to Access Interface Keys as an Array in TypeScript?

Accès aux clés d'interface sous forme de tableau dans TypeScript

Les interfaces TypeScript sont couramment utilisées pour définir la structure d'objets avec des propriétés spécifiques. Cependant, il peut arriver que vous ayez besoin d'obtenir un tableau de clés de propriété à partir d'une interface. Cela permet une itération et une manipulation plus faciles des données d'interface.

Obtention des clés d'interface sous forme de tableau

Depuis TypeScript 2.3, les transformateurs personnalisés fournissent un mécanisme puissant pour étendre le langage . Un transformateur notable, ts-transformer-keys, peut être utilisé pour extraire les clés d'interface dans un tableau.

Utilisation du transformateur ts-transformer-keys

Pour utiliser le Transformateur ts-transformer-keys, suivez ces étapes :

  1. Installez le transformateur :

    npm install ts-transformer-keys
    Copier après la connexion
  2. Créez un fichier de configuration TypeScript (tsconfig.json) :

    <code class="json">{
      "compilerOptions": {
        "plugins": [
          {
            "name": "ts-transformer-keys"
          }
        ]
      }
    }</code>
    Copier après la connexion
  3. Dans votre code TypeScript :

    <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>
    Copier après la connexion

    La variable IMyTableKeys contient désormais un tableau de toutes les clés d'interface.

Avantages des transformateurs personnalisés

Les transformateurs personnalisés offrent plusieurs avantages :

  • Flexibilité :Ils étendent les capacités de TypeScript, permettant des transformations personnalisées non couvertes par les fonctionnalités existantes.
  • Sécurité des types : Le code généré conserve les informations de type, garantissant l'exactitude du code.
  • Extensibilité : Les transformateurs peuvent être combinés ou étendus pour créer des solutions personnalisées pour des cas d'utilisation spécifiques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal