JSON vers TypeScript

Générer des interfaces TypeScript ou des schémas Zod à partir d'un exemple JSON

Les fichiers ne quittent pas votre appareil
S’exécute dans le navigateur
Gratuit, sans compte, sans filigrane

Output

Root name

Declare as

Null values

Export declarations

Readonly properties

Detect date stringsISO 8601 dates get a comment in TypeScript, a validator in Zod and a format in JSON Schema.

JSON

TypeScript

Objects in the same array are merged: keys missing from some items become optional, and differing value types become unions. Identical shapes share one type.

Comment utiliser JSON vers TypeScript

Collez un exemple JSON et obtenez des interfaces TypeScript, un schéma Zod ou un JSON Schema. Les objets des tableaux sont fusionnés, les clés absentes de certains éléments deviennent donc facultatives et les types mixtes deviennent des unions. Tout s'exécute localement dans votre navigateur.

1
Collez un exemple JSON dans la zone JSON, déposez un fichier, ou cliquez sur Exemple.
2
Choisissez une Sortie : TypeScript, Zod ou JSON Schema, et réglez le Nom racine.
3
Choisissez comment les Valeurs null sont typées, et pour TypeScript s'il faut Déclarer comme interface ou type.
4
Activez Détecter les chaînes de date, Propriétés en lecture seule ou Interdire les propriétés supplémentaires selon le besoin, puis copiez ou téléchargez le résultat.

Questions fréquentes

Le JSON est-il envoyé quelque part ?

Non. La génération de types s'exécute dans votre navigateur, les réponses d'API contenant de vraies données restent donc sur votre appareil.

Comment sont traités les tableaux d'objets aux clés différentes ?

Ils sont fusionnés en un seul type. Les clés que certains éléments n'ont pas deviennent facultatives, et les clés aux types de valeur différents deviennent des unions. Les formes identiques partagent un seul type.

Quelle est la différence entre T | null et Facultatif + null ?

T | null garde la clé obligatoire mais autorise null. Facultatif + null permet aussi d'omettre la clé, ce qui convient aux API qui retirent les champs null.

Détecte-t-il les dates ?

Avec Détecter les chaînes de date activé, les chaînes ISO 8601 reçoivent un commentaire en TypeScript, un validateur datetime en Zod et un format en JSON Schema.

Puis-je coller du JSON avec des commentaires ou des virgules finales ?

Oui. L'entrée est analysée de façon souple, les commentaires, les virgules finales et la syntaxe JSON5 sont donc acceptés, et une note vous le précise lorsque cela se produit.