JSON en TypeScript
Collez un exemple de JSON et obtenez les interfaces TypeScript correspondantes : fini de taper chaque champ à la main quand vous travaillez avec une API.
Comment générer des interfaces TypeScript depuis du JSON
- Collez votre exemple de JSON à gauche, les déclarations TypeScript s'affichent à droite.
- Changez si besoin le nom du type principal dans « Nom du type racine », par exemple ApiResponse.
- Utilisez le bouton copier et collez-le dans votre code.
Questions fréquentes
Uniquement à partir des données collées : le texte donne string, les nombres number, true/false boolean, et les objets imbriqués deviennent des interfaces à part.
Que le champ n'est pas toujours présent. Quand un tableau contient plusieurs objets et que seuls certains ont ce champ, l'outil le marque comme facultatif.
L'outil réunit les types avec |, par exemple string | number. Si la valeur est parfois null, le type reçoit aussi | null.
Un tableau vide n'a aucun élément dont l'outil pourrait déduire le type. Corrigez-le à la main ou collez un exemple avec des données dans ce tableau.
D'après le champ, avec une majuscule initiale (user_profile devient UserProfile). Les éléments de tableau reçoivent Item à la fin, et un nom déjà pris reçoit un numéro : 2, 3…
Non, ils sont aussi justes que l'exemple collé. Utilisez un exemple complet (idéalement plusieurs éléments par tableau, y compris des champs parfois absents) pour que les types couvrent les cas réels.
Non. Le JSON est traité directement sur votre appareil.
C'est entièrement gratuit, sans compte.
Outils similaires
JSON vers JSON SchemaGénérez un JSON Schema à partir d'un exemple JSONJSON vers ZodGénérez un schéma Zod depuis un exemple JSONValidateur JSON SchemaVérifiez si des données JSON respectent un JSON SchemaJSON vers struct GoGénérez des structs Go depuis un exemple JSONJSON vers dataclass PythonGénérez des dataclasses ou modèles Pydantic depuis du JSONJSON vers classe JavaGénérez des classes ou records Java depuis du JSONJSON vers data class KotlinGénérez des data classes Kotlin depuis du JSONÉchapper / déséchapper du JSONTransformez un texte en chaîne JSON valide et inversementFormateur JSONFormatez, minifiez et validez du JSON