appuyez sur ⌘K pour changer d’outil
FORMAT & CONVERT

Générateur JSON → Interface TypeScript

Génère des définitions d'interface TypeScript depuis JSON.

local
json-code
§01 À PROPOS DE CET OUTIL

Présentation

Collez une charge utile JSON et obtenez les déclarations interface TypeScript correspondantes — pratique pour envelopper une API non documentée, typer un fichier de configuration ou amorcer des DTO depuis une réponse d’exemple. Les primitives se traduisent en string, number et boolean ; les objets imbriqués sont extraits dans des interfaces distinctes ; les noms de propriétés qui ne sont pas des identifiants valides sont automatiquement mis entre guillemets.

Utilisation

  1. Indiquez le nom de l’interface de plus haut niveau dans Root type name (Root par défaut).
  2. Collez votre échantillon dans la zone JSON.
  3. Copiez les déclarations générées depuis la sortie TypeScript, qui se met à jour au fil de la saisie.

Exemples

  • {"id":1,"name":"Alice","meta":{"active":true}}

    interface Root {
      id: number;
      name: string;
      meta: Meta;
    }
    

    plus une interface distincte interface Meta { active: boolean; }.

Remarques

Les types sont déduits d’un seul échantillon : les valeurs null sont typées null, les champs optionnels ne peuvent pas être détectés et aucune union n’apparaît jamais. Traitez la sortie comme un point de départ et ajustez la nullabilité et l’optionalité d’après le vrai contrat de l’API.

FAQ
Mon JSON est-il envoyé à un serveur ?
Non. L'analyse et la génération des types s'exécutent entièrement dans votre navigateur. Rien n'est téléversé : coller des réponses d'API contenant de vraies données est donc sans risque.
Comment les objets imbriqués sont-ils traités ?
Chaque objet imbriqué devient sa propre interface nommée, dérivée de la clé de la propriété (une propriété meta produit une interface Meta), et le parent la référence par son nom.
Comment les tableaux sont-ils typés ?
Le type des éléments est déduit du premier élément du tableau. Un tableau vide est typé unknown[] : affinez-le à la main si vous connaissez le type réel.