Outils pour Développeurs

JSON vers TypeScript

Collez du JSON et obtenez des interfaces TypeScript propres et imbriquées, avec les types déduits automatiquement.

Évaluez cet outil
JSON
TypeScript

Comment utiliser JSON vers TypeScript

  1. Collez un objet ou un tableau JSON dans la zone de gauche.
  2. Cliquez sur « Générer les interfaces ».
  3. Copiez le TypeScript directement dans votre projet.

À propos de JSON vers TypeScript

Ce convertisseur JSON vers TypeScript lit un échantillon de JSON — une réponse d'API, un fichier de configuration, un enregistrement de base de données — et écrit les définitions d'interface correspondantes avec les bons types déduits pour chaque champ. Les objets imbriqués deviennent leurs propres interfaces, les tableaux sont typés selon leur premier élément, et les primitives se mappent en string, number ou boolean. Cela vous évite le travail fastidieux et source d'erreurs de taper à la main les structures de données que vous possédez déjà.

Le typage fort est l'une des principales raisons d'utiliser TypeScript, et partir de données réelles signifie que vos types correspondent vraiment à ce que le serveur envoie. Les interfaces générées sont exportées et prêtes à coller dans un fichier .ts ; à partir de là, vous pouvez les renommer, marquer des champs comme optionnels, ou les répartir entre plusieurs modules à votre guise.

Tout fonctionne dans votre navigateur — votre JSON n'est jamais envoyé. Pour d'abord mettre le JSON au propre, utilisez le formateur JSON ou vérifiez-le avec le validateur JSON. Besoin d'un tableur plutôt que de types ? Essayez JSON vers CSV.

Questions fréquentes

Comment décide-t-il des types ?

Il inspecte les valeurs de votre JSON : le texte devient string, les nombres deviennent number, true/false devient boolean, et les objets deviennent leurs propres interfaces.

Et les tableaux avec des éléments mixtes ?

Le type est déduit du premier élément, ce qui couvre la plupart des données d'API réelles. Vous pouvez l'élargir en une union à la main si votre tableau mélange vraiment des structures différentes.

Les valeurs null sont-elles gérées ?

Une valeur null est typée en null. Vous voudrez peut-être la changer en champ optionnel ou nullable selon votre API.