Convertisseur JSON en TypeScript en Ligne Gratuit
Convertissez du JSON en une interface TypeScript dans votre navigateur. Les objets imbriqués deviennent des interfaces nommées, les tableaux d’objets fusionnent les champs optionnels, et rien n’est envoyé. Si le JSON n’est pas valide, validez-le d’abord.
Sortie TypeScript
Comment convertir JSON en TypeScript
- Partez d’un échantillon valide sur exemples JSON ou collez une réponse d’API.
- Définissez le nom de l’interface racine, par exemple User ou ApiResponse.
- Copiez les interfaces générées dans votre projet, ou téléchargez un fichier .ts.
À propos de ce convertisseur JSON vers TypeScript
Cet outil déduit des interfaces TypeScript à partir d’une valeur JSON. Ce n’est pas un éditeur complet. Nettoyez le payload dans l’éditeur JSON ou le formateur d’abord si les types semblent incorrects à cause d’une entrée invalide.
Contrairement aux outils CLI multi-langages comme quicktype, cette page se concentre sur le collage JSON → interfaces dans le navigateur : interfaces imbriquées nommées, champs optionnels issus des tableaux et téléchargement .ts — sans envoi ni inscription.
Questions fréquentes (FAQ)
Comment convertir du JSON en interface TypeScript ?
Collez le JSON, nommez le type racine, puis copiez les blocs export interface générés — ou téléchargez un fichier .ts.
Faut-il utiliser interface ou type pour les formes d’API ?
Ce convertisseur émet des blocs export interface, adaptés à la plupart des réponses d’API. Préférez type lorsque vous avez besoin d’unions, de mapped types ou d’utility types après avoir collé la sortie dans votre projet.
Les champs manquants sont-ils marqués optionnels ?
Oui. Les clés absentes de certains objets d’un tableau deviennent des propriétés optionnelles (?:). Les valeurs null dans l’échantillon peuvent apparaître comme des unions avec null — vérifiez-les avant de valider les types.
Puis-je nommer l’interface racine ?
Oui. Modifiez le nom de l’interface racine avant de copier la sortie.
Que faire si mon JSON n’est pas valide ?
Corrigez-le dans le validateur JSON puis reconvertissez. Un JSON invalide ne peut pas être déduit en TypeScript.
Mon JSON est-il envoyé quelque part ?
Non. L’inférence s’exécute uniquement dans votre navigateur. Utilisez un échantillon représentatif pour les brouillons ; les contrats de production restent dans OpenAPI ou des types relus à la main.
Conseils pour de meilleurs types générés
- Utilisez un échantillon représentatif pour détecter les champs optionnels.
- Renommez les interfaces imbriquées générées si les noms de clés sont trop génériques.
- Vérifiez les unions issues de tableaux mixtes avant de valider les types dans le code.
- Validez une entrée incorrecte dans le validateur JSON avant de convertir.