JSON vers TypeScript

Générez une interface TypeScript à partir d'un exemple JSON.

Entrée
Résultat

Exemples d'utilisation

Esquisser rapidement un type pour une réponse d'API

Collez un exemple de réponse JSON de votre serveur et obtenez un brouillon d'interface TypeScript à coller directement dans votre projet.

Séparer automatiquement les objets imbriqués en interfaces distinctes

Quand votre JSON contient un autre objet, celui-ci obtient sa propre interface nommée d'après le champ, gardant le tout bien organisé.

Marquer des champs comme optionnels quand les éléments d'un tableau diffèrent

Quand les objets d'un tableau ne partagent pas tous les mêmes champs, ils sont fusionnés en une seule interface avec « ? » marquant les champs absents de certains éléments.

Questions fréquentes

Mon JSON est-il envoyé à un serveur?

Non. Toute la conversion se fait entièrement dans votre navigateur, et ce que vous saisissez n'est jamais envoyé à un serveur.

Puis-je utiliser le code généré tel quel?

Il est déduit d'un seul exemple JSON, il peut donc ne pas couvrir toutes les variations possibles de vos données réelles. Considérez l'interface générée comme un point de départ et ajustez-la selon vos besoins.

Reconnaît-il les chaînes de date comme un type Date?

Non. JSON n'a pas de type de date dédié, donc toute chaîne est traitée comme string. Si vous voulez la traiter comme une date, ajustez le code généré manuellement.

Que se passe-t-il si la même forme d'objet apparaît plusieurs fois?

Les objets de structure identique réutilisent une seule interface au lieu d'en générer des doublons.