# JSON vers TypeScript Convertit des données JSON en interfaces TypeScript ou alias de type, avec types union, champs facultatifs et inférence d'objets imbriqués > Page canonique: https://elysiatools.com/fr/tools/json-to-typescript - **Catégorie:** Development - **Mots-clés:** json, typescript, convertir, interface, type, frontend ## Présentation Cet outil en ligne convertit instantanément vos données JSON en interfaces ou alias de types TypeScript. Il analyse la structure de votre JSON, y compris les objets imbriqués et les tableaux, pour générer un code TypeScript propre, typé et prêt à être intégré dans vos projets de développement. ## Entrées - **Entrée JSON** (textarea): { "name": "Alice", "age": 30, "roles": \["admin", "user"\], "address": { "city": "Shanghai", "zip": "200000" } } - **Nom du type racine** (text): Root - **Style d'export** (select) - **Champs facultatifs** (checkbox) ## Quand l'utiliser - Lors de l'intégration d'une nouvelle API REST dont vous devez typer les réponses JSON dans votre application TypeScript. - Pour générer rapidement des modèles de données à partir de fichiers de configuration ou de payloads JSON existants. - Lors de la migration d'un projet JavaScript vers TypeScript nécessitant la création de types pour des structures de données complexes. ## Fonctionnement - Collez votre objet ou tableau JSON dans la zone de saisie dédiée. - Configurez le nom du type racine, choisissez le style d'export (interface ou type) et cochez l'option pour rendre les champs facultatifs si nécessaire. - L'outil analyse la structure du JSON et génère automatiquement le code TypeScript correspondant dans le panneau de résultat. ## Cas d'usage - Typage des réponses d'API externes pour sécuriser les appels fetch ou axios. - Création de définitions de types pour des fichiers de configuration JSON locaux. - Génération de structures de données TypeScript à partir de mocks JSON pour les tests unitaires. ## Questions fréquentes ### L'outil prend-il en charge les objets JSON imbriqués ? Oui, il analyse récursivement les objets imbriqués pour générer des interfaces ou types enfants distincts. ### Quelle est la différence entre le style d'export 'interface' et 'type' ? Le style 'interface' génère des déclarations d'interfaces TypeScript, tandis que le style 'type' génère des alias de type avec le mot-clé 'type'. ### Comment rendre toutes les propriétés générées facultatives ? Il suffit de cocher l'option 'Champs facultatifs' pour ajouter un point d'interrogation à chaque propriété générée. ### Puis-je personnaliser le nom de l'interface principale ? Oui, vous pouvez définir le nom de votre choix dans le champ 'Nom du type racine' (par défaut 'Root'). ### Mes données JSON sont-elles envoyées à un serveur ? Non, la conversion s'effectue localement dans votre navigateur pour garantir la confidentialité de vos données. ## Outils associés - [Générateur de Data URI](https://elysiatools.com/fr/tools/data-uri-generator): Convertit les fichiers en Data URI (Base64 ou pourcentage-encodé) pour intégrer images, polices et ressources directement dans HTML, CSS ou Markdown - [Convertisseur JSON Schema vers Zod](https://elysiatools.com/fr/tools/json-schema-to-zod-schema-converter): Convertit des definitions JSON/YAML de JSON Schema en code Zod pret a lemploi dans les projets TypeScript, avec objets imbriques, tableaux, enums et regles de validation courantes - [JSON vers C# Class](https://elysiatools.com/fr/tools/json-to-csharp): Convertit des données JSON en classes C# avec propriétés PascalCase, attributs JsonPropertyName et inférence de types imbriqués - [JSON vers Go Struct](https://elysiatools.com/fr/tools/json-to-go): Convertit des données JSON en définitions de struct Go avec balises json, champs PascalCase exportés et inférence de types imbriqués - [JSON vers Java Class](https://elysiatools.com/fr/tools/json-to-java): Convertit des données JSON en classes Java avec annotations Jackson @JsonProperty, champs privés, getters et setters - [JSON vers Kotlin Data Class](https://elysiatools.com/fr/tools/json-to-kotlin): Convertit des données JSON en data classes Kotlin avec annotations @SerializedName, gestion des nullables et inférence de types imbriqués - [JSON vers Rust Struct](https://elysiatools.com/fr/tools/json-to-rust): Convertit des données JSON en structs Rust avec derives serde Serialize/Deserialize, champs snake_case et attributs serde rename - [Convertisseur de logs en diagrammes de sequence](https://elysiatools.com/fr/tools/log-sequence-diagram-converter): Convertit des logs de services structures en diagrammes Mermaid ou PlantUML avec annotations de latence et derreur ## Exemples - [Exemples JSON de Terraform Plan](https://elysiatools.com/fr/samples/terraform-plan-json-samples): Fichiers Terraform plan JSON pour visualiser les dependances et revoir les changements, proches de terraform show -json - [Exemples de Sérialisation de Données Web TypeScript](https://elysiatools.com/fr/samples/web-serialization-typescript): Exemples de sérialisation de données Web TypeScript incluant la sérialisation/désérialisation JSON et l'analyse XML - [Exemples JSON de Chat](https://elysiatools.com/fr/samples/chat-transcript-json): Exemples JSON pour transcriptions de chat multi-rôles - [Exemples JSON](https://elysiatools.com/fr/samples/json): Exemples de format JSON (JavaScript Object Notation) de structures simples à complexes ## Contenu associé - [Generateurs JSON vers code type](https://elysiatools.com/fr/hubs/json-to-typed-code-generators): Generez des modeles types depuis JSON ou schema pour TypeScript, Go, Rust, Kotlin, Java, C# et la validation Zod.