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 Base64 en Image
Encodage et formatage
Décodez une chaîne Base64 ou un URI de données en image dans votre navigateur. Aperçu, dimensions et MIME, puis téléchargement en PNG, JPG, GIF, SVG. Sans envoi.
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.
Convertisseur .env vers JSON
Encodage et formatage
Collez un fichier .env, obtenez du JSON instantanément. Vos mots de passe et clés API ne quittent jamais le navigateur — 100 % privé, sans envoi.
Décodeur d'entités HTML gratuit — Décoder le HTML
Encodage et formatage
Décodez les entités HTML et déséchappez le HTML en ligne — gratuit, sans inscription, 100 % dans votre navigateur. Reconvertit les références nommées, décimales & hex en caractères ; jamais envoyé.
Encodeur d'entités HTML gratuit — Échapper le HTML
Encodage et formatage
Encodez les entités HTML et échappez les caractères spéciaux (< > & " ') en ligne — gratuit, sans inscription, 100 % dans votre navigateur. Sortie nommée, décimale ou hexadécimale ; jamais envoyée.