JSON en TypeScript
Générez des interfaces ou des types TypeScript à partir d’un JSON, avec objets imbriqués, tableaux, champs optionnels et noms en PascalCase.
Mode d’emploiCollez le JSON pour générer les interfaces.
Disponible en: 
JSON en TypeScript: à quoi ça sert
Collez un JSON, comme la réponse d’une API, et l’outil génère immédiatement les interfaces TypeScript. Les objets imbriqués deviennent des interfaces distinctes avec des noms en PascalCase, et les listes d’objets sont analysées en entier pour repérer les champs optionnels.
Choisissez entre interface et type, avec ou sans export et readonly.
Mode d’emploi
- Collez le JSON.
- Définissez le nom de la racine et les options.
- Copiez les interfaces générées.
Quand l’utiliser
- Typer les réponses d’API côté front-end.
- Créer des modèles pour des projets Angular, React ou Node.
- Documenter la structure d’un JSON.
Questions fréquentes
Comment les champs optionnels sont-ils détectés ?
Lorsque le JSON contient une liste d’objets, les champs qui n’apparaissent pas dans tous les éléments reçoivent un point d’interrogation (champ?: type).
Et si un champ vaut null ?
Il devient type | null lorsqu’un autre type existe pour le même champ, ou simplement null s’il n’arrive que vide. Ajustez le type ensuite si vous savez lequel c’est.
Vraiment gratuit ?
Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.