Skip to content

Convertisseur JSON vers TypeScript

Collez du JSON, obtenez des interfaces TypeScript instantanément. 100 % dans le navigateur — vos données ne quittent jamais la page. interface ou type, objets imbriqués, tableaux, champs optionnels. Gratuit, sans inscription.

Sans pistage Fonctionne dans le navigateur Gratuit
Options
Sortie
Champs optionnels
0 car.
Sortie TypeScript
0 lignes
Vérifié sur des charges utiles d'API réelles et la sortie du compilateur TypeScript. — Go Tools Team · 1 juin 2026

Qu'est-ce que la conversion JSON vers TypeScript ?

La conversion JSON vers TypeScript lit une valeur JSON et génère les définitions interface ou type TypeScript correspondantes — éliminant le code répétitif écrit à la main pour les réponses d'API et les fichiers de configuration. Collez une charge utile et obtenez des types prêts pour la production en quelques secondes, entièrement typés pour les objets imbriqués, les tableaux et les champs optionnels.

Exemples

Réponse d'API

{"id":101,"name":"Ada Lovelace","email":"ada@example.com","active":true,"roles":["admin","user"]}

Transformez une charge utile utilisateur typique d'API REST en une interface typée prête à intégrer dans votre client.

Objets imbriqués

{"order":{"id":"A-1","total":42.5,"customer":{"name":"Sam","vip":false}}}

Les objets imbriqués deviennent des interfaces nommées distinctes (Order, Customer) référencées par champ.

Tableau d'objets (champs optionnels)

{"users":[{"id":1,"nick":"x"},{"id":2}]}

Les clés absentes de certains éléments du tableau sont déduites comme optionnelles (nick?: string).

Valeurs mixtes et null

{"tags":["a","b"],"score":null,"meta":[1,"two"]}

Les valeurs null et les tableaux mixtes sont typés honnêtement (null, (string | number)[]).

Charge utile de type GitHub

{"login":"octocat","id":1,"public_repos":2,"plan":{"name":"pro","private_repos":50}}

Les clés en snake_case sont conservées telles quelles ; le plan imbriqué devient sa propre interface.

Comment convertir du JSON en TypeScript

  1. 1

    Collez votre JSON

    Déposez un objet JSON, un tableau ou une réponse d'API dans le champ de saisie. La conversion démarre instantanément.

  2. 2

    Ajustez la sortie

    Choisissez interface ou type, définissez un nom racine, activez export, et choisissez ?: ou | null pour les champs optionnels.

  3. 3

    Copiez ou téléchargez

    Récupérez le TypeScript généré en un clic et collez-le directement dans votre base de code.

Comment fonctionne la conversion

Inférence structurelle
Chaque objet devient une interface nommée ; les formes identiques sont dédupliquées pour obtenir un seul type, pas des copies.
Fusion de tableaux
Les tableaux d'objets sont fusionnés clé par clé ; les clés absentes de certains éléments sont marquées comme optionnelles.
100 % côté navigateur
L'analyse et la génération s'exécutent dans votre navigateur sans aucun appel réseau, vos données restent donc privées.

Conseils pour des types TypeScript propres

Nommez votre type racine
Définissez un nom racine parlant (par exemple User, ApiResponse) au lieu du Root par défaut pour un code lisible.
Préférez optionnel à null quand les données sont éparses
Utilisez ?: pour les champs susceptibles d'être absents et | null uniquement lorsque l'API renvoie explicitement null.

Questions fréquentes

Comment convertir du JSON en interface TypeScript ?
Collez votre JSON dans le champ de saisie. Le convertisseur le lit instantanément dans votre navigateur et génère une interface TypeScript à droite. Cliquez sur Copier pour récupérer le résultat — sans envoi, sans compte.
Dois-je utiliser `type` ou `interface` pour des données JSON ?
Les deux conviennent. `interface` est la convention pour les formes d'objets et donne des erreurs d'éditeur légèrement meilleures ; `type` est pratique pour les unions et intersections. Utilisez le sélecteur Sortie pour basculer entre eux et conserver celui que votre base de code privilégie.
Comment les objets imbriqués et les tableaux sont-ils gérés ?
Les objets imbriqués deviennent des interfaces nommées distinctes (par exemple, un champ `address` produit une interface `Address`). Les tableaux d'objets sont fusionnés en une seule interface d'élément ; les tableaux de primitifs deviennent des tableaux typés comme `string[]`.
Comment les champs optionnels et null sont-ils gérés ?
Lorsqu'une clé est présente dans certains éléments du tableau mais pas dans d'autres, elle est marquée comme optionnelle. Choisissez `?:` (optionnel) ou `| null` (nullable explicite) avec le sélecteur Champs optionnels. Les valeurs null littérales sont typées comme `null`.
Comment générer automatiquement des types TypeScript depuis du JSON dans VSCode ?
Vous pouvez installer une extension, mais ce n'est pas obligatoire. Cet outil s'exécute entièrement dans votre navigateur — collez, copiez, terminé — sans plugin à installer, configurer ou maintenir à jour.
Mes données JSON sont-elles privées et sécurisées ?
Oui. La conversion se passe à 100 % dans votre navigateur en JavaScript. Votre JSON — y compris les jetons, identifiants ou données client — ne quitte jamais la page et n'est jamais envoyé à un serveur.
L'outil est-il gratuit ? Faut-il un compte ?
Il est entièrement gratuit, sans inscription, sans limites et sans publicités encombrant l'espace de travail.
Peut-il détecter les dates ou les énumérations ?
Les chaînes de date sont conservées comme `string` (plus sûr que de deviner). Les valeurs de chaîne sont typées comme `string` plutôt qu'en unions littérales, afin que la sortie reste stable à mesure que vos données évoluent.