What this tool generates

Each JSON object becomes a TypeScript interface. Nested objects get their own named interface. Arrays of objects merge all encountered keys — keys absent from some items become optional properties. Primitive arrays produce typed array signatures like string[] or number[].

JSON vers TypeScript — Générer des interfaces

input.json

{
  "id": 1,
  "name": "Alice Johnson",
  "email": "alice@example.com",
  "age": 30,
  "active": true,
  "address": {
    "street": "123 Main St",
    "city": "New York",
    "zip": "10001"
  },
  "tags": ["admin", "editor"],
  "orders": [
    { "id": 101, "total": 49.99, "status": "shipped" },
    { "id": 102, "total": 99.00, "status": "pending" }
  ]
}

types.ts

Clique sur Convertir pour générer les interfaces TypeScript.

Connexes

Guides pour TS Types

Tous les guides →

Guide

Réparer la sortie JSON d'un LLM : gérer le presque-JSON de l'IA

Les LLM renvoient souvent du JSON entouré de délimiteurs ```json, avec des guillemets simples, des littéraux Python ou des clés sans guillemets. Réparez la syntaxe, validez de façon stricte, puis dérivez des types TypeScript de la sortie nettoyée.

Guide

Réparer le JSON produit par un LLM

Les réponses d’IA ressemblent souvent à du JSON, mais elles contiennent des markdown fences, des commentaires, des littéraux Python ou de la syntaxe d’objet JavaScript.

Guide

JSON vs littéral d’objet JavaScript

Le JSON ressemble à un littéral d’objet JavaScript, mais c’est un format de données plus petit, à la syntaxe plus stricte et sans valeurs exécutables.

Comment fonctionne la conversion JSON vers TypeScript

Chaque objet JSON produit un interface TypeScript. L’objet racine est nommé Root par défaut. Les objets imbriqués reçoivent leur propre interface nommée à partir de la clé correspondante —— une clé address produit une interface Address.

Tableaux et champs optionnels

Les tableaux d’objets fusionnent les clés présentes dans l’un quelconque des éléments. Si certaines entrées n’ont pas une clé, elle devient optionnelle (key?: Type). Les tableaux de primitives reçoivent une signature typée comme string[] ou number[].

Quand l’utiliser

Intégration d’API —— collez une réponse et obtenez immédiatement des définitions de types prêtes pour votre projet TypeScript
Prototypage —— montez rapidement le squelette d’interfaces pour une nouvelle API ou un nouveau jeu de données avant d’écrire la logique de parsing
Revue de code —— vérifiez que la forme de la charge JSON correspond bien aux interfaces attendues par votre code