Générateur d'énumérations TypeScript
Guide
Générateur d'énumérations TypeScript
Créez des énumérations TypeScript, objets constants et types de union à partir d'une liste simple de valeurs. Collez vos valeurs, choisissez un style de nommage et sélectionnez le format de sortie, puis obtenez du code TypeScript prêt à l'emploi avec des commentaires JSDoc optionnels, des garde-fous de type, des mappings inverses et des tableaux de valeurs.
Comment utiliser
Saisissez vos valeurs une par ligne ou séparées par des virgules dans la zone d'entrée. Définissez le nom de votre énumération, choisissez un style de nommage de clé (PascalCase, SCREAMING_SNAKE_CASE ou camelCase), et sélectionnez un format de sortie. Le code généré met à jour en temps réel. Basculez les options supplémentaires comme les commentaires JSDoc, le mot-clé export, les garde-fous de type ou des tableaux de valeurs selon vos besoins. Copiez le résultat sur votre presse-papiers avec un simple clic.
Caractéristiques
- Plusieurs formats de sortie — Énumération de chaîne, énumération numérique, énumération constante, objet marqué comme constant et type de union
- Styles de nommage des clés **PascalCase, TITRE_SNACKE_CASE et camelCase avec une génération d'identifiants intelligente** *(Note: "SCREAMING_SNAKE_CASE" → "TITRE_SNACKE_CASE" pour la cohérence française.)*
- Commentaires JSDoc Optionnellement ajouter des commentaires de documentation au-dessus de chaque membre d'énumération
- Génération de gardeurs de type Créez une fonction de garde de type pour valider les valeurs en temps réel
- Tableau de valeurs Générer un tableau de toutes les valeurs d'énumération pour une itération
- Cartographie inverse Créer un assistant de recherche inverse pour les énumérations numériques
- Génération de Clé Intelligente Gère les caractères spéciaux, les doublons, les valeurs commençant par des chiffres et les mots réservés.
- Aperçu en temps réel – La sortie se met à jour instantanément à mesure que vous tapez ou modifiez les options
FAQ
-
Quelle est la différence entre un énumération de chaîne et une énumération numérique dans TypeScript ?
Les énumérations de chaînes attribuent des valeurs de chaîne à chaque membre, comme Color.Red équivaut à la chaîne RED. Les énumérations numériques attribuent des nombres incrémentiels commençant par 0 par défaut, donc Color.Red équivaut à 0 et Color.Bleu équivaut à 1. Les énumérations de chaînes sont préférables pour le débogage car les valeurs sont lisibles dans les journaux et les requêtes réseau. Les énumérations numériques sont légèrement plus compactes et supportent la cartographie inverse de manière native, ce qui signifie que vous pouvez rechercher le nom à partir du nombre. La plupart des projets TypeScript modernes privilégient les énumérations de chaînes pour leur clarté.
-
Quand puis-je utiliser `const enum` par rapport à un énuméré classique ?
Les énumérations `const` sont complètement insérées à l'intégration de compilation. Le compilateur TypeScript remplace chaque référence à un membre d'énumération `const` par sa valeur littérale, donc aucun objet d'énumération n'existe en temps réel. Cela produit des tailles de bundle plus petites et une exécution plus rapide. Cependant, les énumérations `const` ne peuvent pas être itérées (pas `Object.values`), ne supportent pas la cartographie inverse, et peuvent poser problème avec les fichiers de déclaration dans le code de bibliothèque. Utilisez les énumérations `const` pour les constantes internes d'application où vous souhaitez un surcoût en temps réel nul. Utilisez des énumérations classiques lorsque vous avez besoin d'itérer les valeurs ou lors de la publication d'une bibliothèque.
-
Qu'est-ce qu'un objet `as const` et comment se compare-t-il à une énumération ?
Un objet de type `as const` utilise un simple objet JavaScript avec une assertion `const` pour obtenir un comportement similaire à une énumération. Par exemple, `const Couleur = { Rouge: 'ROUGE', Bleu: 'BLEU' } as const` crée un objet immuable où TypeScript infère les types littéraux. Cette méthode fonctionne aussi bien en TypeScript qu'en JavaScript, supporte mieux le *tree-shaking* que les énumérations et évite certaines casse-têtes lors de la transpilation des énumérations. Le compromis est une extraction légèrement plus verbeuse des types : il faut `type Couleur = typeof Couleur[keyof typeof Couleur]` pour obtenir un type union. De nombreux équipes privilégient désormais les objets `as const` par rapport aux énumérations pour ces raisons pratiques.
-
Qu'est-ce qu'une garde de type et pourquoi en créer une ?
Une garde de type est une fonction qui affine le type d'une valeur en temps réel. Pour un énuméré, une garde de type vérifie si une chaîne ou un nombre correspond effectivement à un membre valide de l'énumération et informe le système de types de TypeScript du résultat. Par exemple, la fonction `isColor(value: string): value is Color` retourne vrai uniquement si la valeur correspond à un membre de l'énumération. Cela est utile lors de la validation des réponses d'API, des entrées de formulaire ou de toute donnée externe où vous avez besoin de confirmer qu'une valeur appartient bien à votre énumération avant de l'utiliser dans du code typé en sécurité.
Installez nos extensions
Ajoutez des outils IO à votre navigateur préféré pour un accès instantané et une recherche plus rapide
恵 Le Tableau de Bord Est Arrivé !
Tableau de Bord est une façon amusante de suivre vos jeux, toutes les données sont stockées dans votre navigateur. D'autres fonctionnalités arrivent bientôt !
Outils essentiels
Tout voir Nouveautés
Tout voirMise à jour: Notre dernier outil a été ajouté le 29 avr. 2026
