⭐ 0
🔍
Texte Image PDF & Docs Audio Musique Électronique Temps Utilitaires Validateurs Ésotérisme Jeux

Convertisseur JSON vers TypeScript

Convertissez du JSON en interfaces TypeScript, en alias de type ou en schéma Zod en direct, avec une véritable détection des champs optionnels à travers les tableaux.

🔒 Entièrement traité dans votre navigateur — rien de ce que vous saisissez ici n'est jamais téléchargé.

Traitement en cours... 0%

Résultat

Écrire des interfaces TypeScript à la main pour une réponse d’API JSON est lent et source d’erreurs : les objets imbriqués ont besoin de leur propre interface, les tableaux ont besoin d’un type d’élément, et un champ parfois absent doit être marqué optionnel — ratez l’un de ces points et le compilateur reste silencieux pendant que votre code se désynchronise de la forme réelle des données.

Ce convertisseur fait ce travail pour vous. Collez n’importe quel objet ou tableau JSON, et il parcourt la structure récursivement : un objet imbriqué devient sa propre interface nommée, un tableau d’objets reçoit une interface d’élément dont les champs sont comparés à travers chaque élément du tableau — un champ présent seulement dans certains d’entre eux est marqué d’un ? final, et un champ qui est parfois null et parfois une valeur ressort sous forme d’union propre comme string | null au lieu de l’un ou l’autre.

Un sélecteur de format change uniquement la manière dont la même structure inférée est imprimée : un bloc interface, un alias de type, ou un schéma Zod construit à partir d’appels z.object(), z.array() et z.union() avec .optional() et .nullable() là où ils s’appliquent. Zod lui-même est un package npm distinct (npm install zod) — cet outil écrit seulement le code source du schéma, il n’installe rien pour vous.

Tout s’exécute localement dans votre navigateur dès que vous tapez ou collez, sans bouton de soumission ni téléversement — pratique pour les données contenant de vraies informations client. Pour travailler sur le texte JSON lui-même plutôt que sur ses types inférés, consultez le formateur JSON pour le pretty-print ou la minification, et le validateur JSON pour localiser une erreur de syntaxe avant la conversion.

Vous appréciez cet outil ? Vous trouvez ce produit utile ? Vous y voyez du potentiel et souhaitez le soutenir ?

🛡️
Exécuté dans le navigateur

Vos fichiers et données ne quittent jamais cet appareil. Le traitement est entièrement hors connexion. 100 % sécurisé.

Formats acceptés et règles

  • Infère récursivement une interface nommée pour chaque objet imbriqué et chaque tableau d’objets.
  • Fusionne les formes des éléments d’un tableau champ par champ, de sorte qu’un champ présent seulement dans certains éléments devienne optionnel.
  • Conversion en direct à chaque frappe, avec signalement en ligne du JSON invalide au lieu de bloquer la page.

Principaux avantages

✓ 100 % hors ligne : votre JSON et les types générés ne quittent jamais cet appareil.
✓ Détection réelle des champs optionnels : compare chaque objet d’un tableau et marque comme optionnels les champs absents de certains d’entre eux, sans approximation.
✓ Trois formats de sortie à partir d’un seul moteur d’inférence : interface TypeScript, alias de type ou schéma Zod prêt à coller.

Cas d'utilisation

  • • Collez une réponse d’API REST ou GraphQL et obtenez des interfaces typées en quelques secondes, au lieu de les écrire champ par champ en risquant d’oublier les propriétés optionnelles.
  • • Vérifiez si un champ dont votre frontend dépend est bien présent sur chaque enregistrement : collez un tableau d’échantillons et voyez quels champs l’outil marque comme optionnels (?) parce qu’ils manquent dans certains éléments.
  • • Générez directement un schéma Zod à partir d’un exemple de charge utile pour valider du JSON non fiable (webhooks, APIs tierces, imports d’utilisateurs) au moment de l’exécution, et pas seulement à la compilation.