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.
Options
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
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
Ajustez la sortie
Choisissez interface ou type, définissez un nom racine, activez export, et choisissez ?: ou | null pour les champs optionnels.
- 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 ?
Dois-je utiliser `type` ou `interface` pour des données JSON ?
Comment les objets imbriqués et les tableaux sont-ils gérés ?
Comment les champs optionnels et null sont-ils gérés ?
Comment générer automatiquement des types TypeScript depuis du JSON dans VSCode ?
Mes données JSON sont-elles privées et sécurisées ?
L'outil est-il gratuit ? Faut-il un compte ?
Peut-il détecter les dates ou les énumérations ?
Outils connexes
Voir tous les outils →Décodeur et Encodeur Base64
Encodage et formatage
Décodez et encodez en Base64 en ligne gratuitement. Conversion en temps réel, support UTF-8 et émojis. 100 % privé, dans votre navigateur.
Convertisseur CSV vers JSON
Encodage et formatage
Convertissez du CSV en JSON dans le navigateur. RFC 4180, inférence de types, ligne d'en-tête, sûr pour grands entiers. 100 % privé, sans envoi.
JSON Diff (Comparateur)
Encodage et formatage
Comparez deux fichiers JSON instantanément dans votre navigateur. Vue côte à côte, sortie JSON Patch RFC 6902, ignorer les champs bruyants comme les horodatages et les ID. 100% privé, aucun envoi.
Formateur et Validateur JSON
Encodage et formatage
Formatez, validez et embellissez vos JSON dans le navigateur. Validation syntaxique, détection d'erreurs, minification et copie en un clic. 100 % privé.
Validateur JSON Schema
Encodage et formatage
Validez du JSON contre n'importe quel JSON Schema instantanément dans votre navigateur. Compatible Draft 2020-12, 2019-09 et Draft-07 avec messages d'erreur au chemin précis. 100 % privé — sans envoi, sans compte, gratuit.
Convertisseur JSON vers CSV
Encodage et formatage
Convertissez du JSON en CSV dans le navigateur. Préréglages RFC 4180, Excel-EU, TSV, Pipe. Aplatir ou stringifier. 100 % privé, sans envoi.