Gère-t-il les objets imbriqués ?

Oui. Chaque objet imbriqué devient sa propre interface nommée, et le parent la référence par son nom.

Comment les tableaux sont-ils typés ?

Les tableaux d'objets sont fusionnés en une seule interface ; les clés absentes de certains éléments deviennent optionnelles. Les tableaux de primitives mixtes deviennent une union, comme (string | number)[].

Comment les valeurs null sont-elles gérées ?

Par défaut, un null devient un type nullable. Vous pouvez choisir de le traiter comme une propriété optionnelle à la place.

Dois-je utiliser interface ou type ?

Les deux fonctionnent ; choisissez ce qui correspond à votre base de code. Les interfaces sont courantes pour les formes d'objets, tandis que les alias de type sont flexibles pour les unions.

Mon JSON est-il envoyé sur un serveur ?

Non. Le générateur fonctionne entièrement dans votre navigateur. Rien n'est envoyé à un serveur et aucune inscription n'est requise.

JSON to TypeScript

Entrée JSON

Sortie TypeScript

export interface Root {
  id: number;
  name: string;
  active: boolean;
  tags: string[];
  profile: Profile;
}

export interface Profile {
  age: number;
  city: string;
}

Nom racine

Générer en tant que

Traiter null comme optionnel

Outils externes associés

Certains liens sont des liens d'affiliation.

JetBrainsUne société d'outils pour développeurs derrière des IDEs populaires comme IntelliJ IDEA, WebStorm, PyCharm et Rider. Reconnue pour son intelligence de code approfondie, son support de refactorisation et ses outils de débogage intégrés. Propose un abonnement All Products Pack.AmazonLe plus grand marché en ligne mondial pour les achats, l'électronique, les livres, les logiciels et plus encore. La livraison rapide, les retours faciles et le vaste catalogue de produits en font le choix privilégié pour les achats quotidiens. L'abonnement Prime ajoute le streaming, la livraison gratuite et des offres exclusives.

Outils associés

Formateur JSONFormatez, minifiez et validez du JSON en ligne gratuitement. JSON cassé ? Affiche exactement la ligne et la colonne de l'erreur avec surlignage. Rien n'est envoyé.Base64 Encoder / DécoderEncodez du texte en Base64 ou décodez du Base64 instantanément — accents et emojis sans erreur (UTF-8), Base64 sûr pour URL, image en data URL. Tout dans le navigateur.Testeur de RegexTestez des expressions régulières avec surlignage en direct, groupes de capture, drapeaux et aperçu de remplacement. Tout dans votre navigateur, sans envoi.Générateur de Mot de PasseGénérez des mots de passe forts aléatoires ou des phrases secrètes mémorables avec un aléa cryptographique. Excluez les caractères ambigus, garantissez au moins un de chaque type. Rien n'est envoyé.

Convertissez du JSON en types TypeScript en une seule étape. Collez une réponse d'API ou n'importe quel objet JSON et obtenez instantanément des interfaces ou alias de type propres, avec les objets imbriqués, les tableaux et les champs optionnels gérés automatiquement. Tout fonctionne dans votre navigateur, rien n'est téléchargé.

Comment utiliser

Collez votre JSON dans la zone de saisie.
Définissez le nom du type racine, choisissez interface ou type, et indiquez comment les nulls sont gérés.
Copiez le TypeScript généré dans votre projet.

Comment les types sont inférés

Chaque objet devient sa propre interface, et les objets imbriqués ont leurs propres interfaces nommées. Les tableaux d'objets sont fusionnés en une seule forme, les clés absentes de certains éléments devenant optionnelles. Les valeurs null sont converties en type nullable, ou en champ optionnel si vous le préférez.

Fonctionnalités

Objets imbriqués

Le JSON profondément imbriqué est divisé en interfaces séparées et claires qui se référencent mutuellement.

Formes de tableaux fusionnées

Les tableaux d'objets sont combinés en un seul type, avec des champs optionnels là où les éléments diffèrent.

Champs optionnels et nullables

Choisissez si les valeurs null deviennent un type nullable ou une propriété optionnelle.

interface ou type

Générez des interfaces nommées ou des alias de type selon le style de votre base de code.

Nom racine personnalisé

Nommez le type de premier niveau comme vous le souhaitez, par exemple User ou ApiResponse.

Cas d'usage courants

Typage des réponses API

Collez un exemple de réponse et obtenez les types à utiliser dans toute votre application.

À partir de mocks et fixtures

Générez des types à partir de données d'exemple pour que votre code reste type-safe.

Fichiers de configuration et de données

Créez des types pour les fichiers de configuration JSON ou de contenu en quelques secondes.

Apprendre TypeScript

Observez comment du JSON réel se mappe sur des interfaces TypeScript et des unions.

Notes et conseils

Les types sont inférés à partir de l'exemple collé, donc incluez tous les champs qui vous importent.
Un tableau vide devient unknown[], car il n'y a pas d'élément à partir duquel inférer.
Vérifiez les unions et les champs optionnels dans la sortie avant de l'utiliser en production.
Tout s'exécute sur votre appareil — rien n'est envoyé à un serveur.

Questions fréquentes

Gère-t-il les objets imbriqués ?: Oui. Chaque objet imbriqué devient sa propre interface nommée, et le parent la référence par son nom.
Comment les tableaux sont-ils typés ?: Les tableaux d'objets sont fusionnés en une seule interface ; les clés absentes de certains éléments deviennent optionnelles. Les tableaux de primitives mixtes deviennent une union, comme (string | number)[].
Comment les valeurs null sont-elles gérées ?: Par défaut, un null devient un type nullable. Vous pouvez choisir de le traiter comme une propriété optionnelle à la place.
Dois-je utiliser interface ou type ?: Les deux fonctionnent ; choisissez ce qui correspond à votre base de code. Les interfaces sont courantes pour les formes d'objets, tandis que les alias de type sont flexibles pour les unions.
Mon JSON est-il envoyé sur un serveur ?: Non. Le générateur fonctionne entièrement dans votre navigateur. Rien n'est envoyé à un serveur et aucune inscription n'est requise.