ToolboxKit

Convertisseur JSON vers TypeScript

Collez un exemple JSON, comme une réponse d'API, pour générer les interfaces TypeScript correspondantes. Les objets imbriqués ont leur propre type nommé.

Vos fichiers ne quittent jamais votre appareil — tout se passe dans votre navigateur.

JSON
TypeScript

Mode d'emploi

  1. 1Collez un exemple JSON, idéalement une vraie réponse d'API.
  2. 2Définissez le nom du type racine, par exemple User ou ApiResponse.
  3. 3Choisissez de générer des déclarations interface ou type.
  4. 4Copiez le code généré ou téléchargez-le en types.ts.

Questions fréquentes

Comment les champs optionnels sont-ils détectés ?

Si votre JSON contient un tableau d'objets, le générateur fusionne tous les éléments. Une clé absente de certains éléments est marquée optionnelle (?). Vous pouvez aussi rendre tous les champs optionnels.

Quel type reçoit null ?

Une valeur null devient le type null. Si un même champ contient tantôt une chaîne, tantôt null, vous obtenez une union comme string | null.

Faut-il utiliser interface ou type ?

Pour de simples formes d'objets, ils sont largement interchangeables. Les interfaces peuvent être étendues et fusionnées ; les alias de type conviennent aussi aux unions et autres types. Prenez ce que votre code utilise déjà.

Mon JSON est-il envoyé quelque part ?

Non. Les types sont générés dans votre navigateur : les réponses d'API contenant des données privées restent sur votre appareil.

Outils similaires