Comment accéder aux clés d'interface sous forme de tableau dans 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

2. Créez un fichier de configuration TypeScript (tsconfig.json) :

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

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>

   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!