Générez automatiquement des interfaces TypeScript depuis du JSON. Inférence de types, objets imbriqués, unions de tableaux.
Sans limites
Quick start:
Nom racine
Declaration
Indent
Options
JSON Input
TypeScript Output
TypeScript interfaces will appear here
Inférence de types intelligente
Détecte automatiquement les primitives, tableaux, objets imbriqués, dates ISO, champs nullables et génère des types union appropriés pour les tableaux hétérogènes.
Interfaces nommées
Les objets imbriqués deviennent des interfaces séparées et nommées en PascalCase. Les éléments de tableau sont mis au singulier. Pas de types inline désordonnés.
Prêt pour la production
La sortie inclut les mots-clés export appropriés, l'indentation configurable, les modificateurs readonly et les marqueurs optionnels. Collez directement dans votre base de code.
Comment convertir du JSON en TypeScript
Générez des interfaces TypeScript prêtes pour la production à partir de JSON avec le convertisseur gratuit de The IT Hustle.
1
Collez votre JSONSaisissez ou collez un objet ou tableau JSON dans le panneau gauche. L'outil le valide en temps réel.
2
Configurez les optionsDéfinissez le nom de l'interface racine, choisissez entre interfaces et alias de type, et activez ou désactivez les champs optionnels, readonly et les mots-clés export.
3
Consultez le résultatLe panneau droit affiche les interfaces TypeScript avec coloration syntaxique, et des types distincts pour les objets imbriqués.
4
Copiez dans votre projetCliquez sur Copier pour copier le code TypeScript, prêt à coller directement dans votre fichier .ts.
Questions fréquentes
Oui. Les objets imbriqués sont extraits dans des interfaces nommées séparées. Par exemple, un objet utilisateur avec un champ adresse génère à la fois une interface User et une interface Address.
Le convertisseur analyse tous les éléments d'un tableau pour déterminer le type. Les tableaux homogènes deviennent string[] ou number[]. Les tableaux mixtes produisent des types union. Les tableaux d'objets génèrent une interface partagée à partir de tous les éléments.
Oui. Les interfaces générées respectent les conventions TypeScript : noms en PascalCase, champs optionnels marqués avec ?, et indentation propre. Vous pouvez coller le résultat directement dans votre projet.