Convertir JSON en TypeScript

Pour convertir JSON en TypeScript, collez un exemple ci-dessous : l’outil génère des interfaces ou des types avec objets imbriqués, tableaux et champs facultatifs – ou un schéma JSON. Vos données restent dans le navigateur.

Source : TypeScript Handbook – Object Types (interfaces, optional properties, readonly). Mise à jour : .

Résultat

Résultat
export interface Root { id: number; name: string; email: null; tags: string[]; address: Address; orders: Order[]; active: boolean; } export interface Address { street: string; zip: string; } export interface Order { no: number; total: number; voucher?: string; }
Bilan
3 types générés à partir de 217 caractères de JSON.
Seul ce qui figure dans l’exemple est déduit : un champ qui n’y est jamais null n’est pas reconnu comme nullable ; les champs absents de certains objets deviennent facultatifs (?).

Comment le calcul est fait

Convertir JSON en TypeScript, c’est déduire les types correspondants à partir d’un exemple de données. {"id": 1, "name": "Anna"} devient une interface avec id: number et name: string. L’outil lit votre JSON dans votre navigateur, fusionne les objets de même nature et écrit les types sous forme de code source – sans envoi.

Comment ça marche

  1. Collez le JSON dans le champ, par exemple une réponse d’API.
  2. Choisissez la sortie : interfaces, types (type) ou schéma JSON. Réglez noms, export, readonly et indentation selon vos besoins.
  3. Copiez le résultat et collez-le dans votre projet.

Comment les types sont construits

Limites

Le résultat est un brouillon : vérifiez-le avec la documentation de l’interface, car un exemple ne montre pas tous les cas possibles.

Confidentialité

Le JSON ne quitte pas votre navigateur. Pour la suite : formater du JSON, CSV en JSON ou YAML en JSON.

Questions fréquentes

Comment convertir JSON en TypeScript ?

Collez le JSON et choisissez « Interfaces TypeScript » : l’outil génère des interfaces avec tous les champs, types imbriqués et tableaux. Copiez-les dans votre projet.

Interface ou type : lequel choisir ?

Les deux décrivent la même forme. Les interfaces peuvent être étendues et donnent souvent de meilleurs messages d’erreur ; type est plus souple pour les unions. L’outil produit l’un ou l’autre.

Comment l’outil repère-t-il les champs facultatifs ?

Un champ absent d’un objet mais présent dans un autre reçoit un point d’interrogation. Plusieurs objets d’un tableau sont fusionnés pour cela.

Peut-on aussi générer un schéma JSON ?

Oui, choisissez « Schéma JSON (2020-12) ». Le schéma contient types, propriétés imbriquées et liste des champs obligatoires.

Mon JSON est-il envoyé quelque part ?

Non. Les types sont créés entièrement dans votre navigateur.

Sources et références juridiques

Dernière mise à jour : · Principes éditoriaux

Outils similaires