Convertisseur JSON vers TypeScript — Gratuit en ligne

Collez du JSON et obtenez une interface TypeScript générée automatiquement, y compris les objets imbriqués.

Les résultats sont fournis à titre informatif uniquement et peuvent contenir des erreurs. Vérifiez les informations importantes de manière indépendante. L'utilisation de cet outil se fait à vos propres risques.

Ce que fait cet outil

Le convertisseur JSON vers TypeScript lit un exemple d'objet JSON et génère les interfaces TypeScript correspondantes. Chaque objet imbriqué reçoit sa propre interface nommée, et chaque propriété reçoit un type déduit de sa valeur : string, number, boolean, null, un type tableau ou une autre interface.

Indiquez le nom de l'interface dans le champ Nom de l'interface. Si le JSON est un tableau, les types sont déduits de son premier élément, et un type liste comme type UserList = User[]; est ajouté.

Quand l'utiliser

  • Typer la réponse d'une API appelée depuis un frontend TypeScript ou un service Node.js.
  • Démarrer un modèle de données à partir d'un vrai payload au lieu d'écrire les interfaces à la main.
  • Documenter pour votre équipe la forme du payload d'un webhook ou d'un événement.

Exemple concret

Entrée

{"id": 1, "name": "Ana", "active": true, "address": {"city": "Lisbon"}, "tags": ["admin"]}

Sortie

interface Address {
  city: string;
}

interface User {
  id: number;
  name: string;
  active: boolean;
  address: Address;
  tags: string[];
}

Questions sur cet outil

Les propriétés optionnelles sont-elles détectées ?

Non. Les types sont déduits d'un seul exemple : une propriété absente de cet exemple sera absente de l'interface. Ajoutez ? aux propriétés qui ne sont pas toujours présentes.

Quel type reçoit null ?

Une valeur qui vaut null dans l'exemple reçoit le type null. Remplacez-le par une union comme string | null si le champ peut contenir une valeur.

Que se passe-t-il avec des tableaux de valeurs mixtes ?

Le type des éléments devient une union, par exemple (string | number)[]. Un tableau vide devient unknown[], car il n'y a rien à partir de quoi déduire un type.

Cet outil est-il gratuit ?

Oui, il est gratuit. Sans inscription ni e-mail. Résultats directement sur cette page.

Comment obtenir mon résultat ?

Utilisez cet outil sur cette page. Le résultat apparaît ici, sans envoi par e-mail.