Supporte-t-il le JSON5 ?

Oui. L'outil passe automatiquement à l'analyse JSON5 lorsque l'analyse JSON standard échoue. Vous pouvez coller du JSON avec des guillemets simples, des virgules finales, des commentaires et des clés sans guillemets.

Qu'en est-il des objets imbriqués ?

Les objets imbriqués sont automatiquement extraits en types nommés séparés. Par exemple, une propriété 'user' contenant un objet créera une interface 'User'. Les types sont ordonnés de sorte que les types référencés apparaissent avant ceux qui les utilisent.

Puis-je exporter les types ?

Oui. Activez l'interrupteur 'Ajouter export' pour ajouter le mot-clé export à chaque type généré. Vous pouvez également choisir entre la syntaxe interface et type alias.

JSON vers TypeScript - Générer des Interfaces et Types depuis JSON

Aucune donnée envoyée aux serveurs — Tout le traitement se fait dans votre navigateur

Entrée JSON

Sortie TypeScript

Options

Nom racine

JSON vers TypeScript est un outil en ligne gratuit qui convertit du JSON ou JSON5 en interfaces et définitions de types TypeScript instantanément dans votre navigateur. Supporte les objets imbriqués, les types union, la fusion de tableaux et JSON5. Aucune donnée n'est envoyée à un serveur.

Qu'est-ce que JSON vers TypeScript ?

JSON vers TypeScript convertit des données JSON en interfaces et définitions de types TypeScript. Collez n'importe quel JSON — y compris du JSON5 avec des commentaires et des virgules finales — et obtenez des types TypeScript prêts à l'emploi. Les objets imbriqués sont automatiquement extraits en types nommés séparés, et les tableaux d'objets sont fusionnés intelligemment.

Générer des types TypeScript à partir de réponses d'API. Créer des définitions de types pour des fichiers de configuration JSON. Convertir des données JSON en TypeScript pour un typage statique. Construire des couches de données type-safe à partir de données mock.

Comment utiliser

1
Collez votre JSON
Collez des données JSON ou JSON5 dans la zone de saisie. L'outil détecte automatiquement la syntaxe JSON5.
2
Configurez les options
Définissez le nom du type racine, choisissez entre interface et type alias, et activez ou désactivez le mot-clé export.
3
Copiez la sortie TypeScript
Les définitions TypeScript apparaissent instantanément. Cliquez sur copier pour les utiliser dans votre projet.

Questions fréquentes

Outils associés

JSON Format / Compress Convertisseur JSON / CSV Convertisseur JSON / YAML