JSON vers interface TypeScript
Collez un JSON pour générer automatiquement une interface TypeScript, avec objets imbriqués et tableaux
Instructions
Guide d'utilisation de JSON vers interface TypeScript\n\n## Présentation\nFace au JSON renvoyé par une API, écrire les types TypeScript à la main prend du temps. Cet outil lit directement la structure JSON et déduit récursivement les interfaces imbriquées.\n\n## Utilisation\n1. Collez le JSON dans le champ de saisie ; cliquez sur « Insérer un exemple » pour voir un cas complexe\n2. Renseignez le nom de l'interface racine (Root par défaut) et choisissez `interface` ou un alias `type`\n3. Si des champs peuvent être absents, cochez « Champs optionnels » pour ajouter `?` à chaque champ\n4. Cliquez sur « Générer le TypeScript » : le résultat suit l'ordre des références, sous-types d'abord, type racine ensuite\n5. Cliquez sur « Copier le résultat » pour le récupérer\n\n## Remarques\n- Les types sont déduits de ce seul JSON : un champ à `null` ne donne que `null`, et un champ absent passe inaperçu. Pour plus de précision, utilisez plusieurs échantillons ou complétez à la main\n- Si les éléments d'un tableau ont des structures différentes, un type union est généré, par exemple `(A | B)[]`\n- Un tableau vide ne permet de déduire que `unknown[]`, à compléter vous-même\n- Les noms de champs qui ne sont pas des identifiants valides sont entourés de guillemets, conformément à la syntaxe TypeScript
FAQ
Que faire si les objets d'un tableau ont des types différents ?
L'outil génère une interface pour chaque structure distincte et écrit le type des éléments du tableau sous forme d'union, par exemple `(User | Admin)[]`, que vous pouvez affiner ensuite selon votre métier.
Pourquoi un champ null a-t-il le type null ?
Avec cette seule donnée, impossible de savoir s'il deviendra une chaîne ou un nombre. Complétez avec tous les types rencontrés dans les données réelles, ou remplacez manuellement par `string | null`.
L'outil génère-t-il des types Go ou Java ?
Seul TypeScript est généré pour l'instant. Pour visualiser la structure, les noms d'interfaces imbriquées déduits ici se transposent facilement en structures d'un autre langage.
Outils connexes
Articles connexes
Comment utiliser un outil en ligne de formatage et minification JS : étapes de traitement local dans le navigateur
Collez du code JavaScript pour effectuer localement dans le navigateur le formatage ou la minification, sans téléversement vers un serveur ; cet article présente les étapes complètes, les solutions aux blocages sur gros fichiers et sur mobile, ainsi que la méthode concrète pour restaurer du code minifié lors du débogage d'API, pour vous aider à comprendre et organiser rapidement le code.
tool-tutorialsQue faire si l'indentation du code est chaotique après le formatage HTML
Cet article explique clairement les causes et les étapes de correction du désalignement d'indentation après le formatage HTML, couvrant l'unification des caractères d'indentation, le réglage de la largeur d'indentation, la gestion des ralentissements sur les gros fichiers, les opérations sur mobile et les questions fréquentes, pour vous aider à restaurer rapidement un code chaotique en une mise en page claire et directement lisible.
tool-tutorialsComment utiliser un outil en ligne de formatage et minification JS : étapes pour débutants
Il suffit de coller le code dans l'outil en ligne de formatage et minification JS du navigateur, de choisir formatage ou minification, pour obtenir immédiatement un résultat bien indenté ou plus léger, tout en résolvant les problèmes courants d'erreurs, de ralentissements, d'utilisation mobile et de lecture de données d'API.
tool-tutorialsComment utiliser un assistant de rédaction IA : les étapes complètes pour les débutants, de la saisie au manuscrit final
Avec un processus en quatre étapes et un tableau de dépannage des problèmes courants, aidez les débutants à maîtriser tout le processus d'un assistant de rédaction IA, de la saisie de l'invite à la finalisation, et expliquez comment procéder lorsque le résultat est incorrect ou que l'outil ne s'ouvre pas.