JSON vers TypeScript

Générez des interfaces ou alias de type TypeScript à partir d’un exemple JSON.

Données et formats
Préparation de votre espace de travail…
Entrée
Sortie
Votre résultat apparaîtra ici.

Mode d’emploi

  1. Collez du texte, ouvrez un fichier UTF-8 ou essayez l’exemple.
  2. Choisissez entrée et options, puis lancez l’outil ou activez l’exécution automatique.
  3. Vérifiez, copiez ou téléchargez le résultat. Modifier l’entrée invalide le résultat précédent.

JSON vers TypeScript

Générez des interfaces ou alias de type TypeScript à partir d’un exemple JSON.

Le traitement reste dans votre navigateur. Votre entrée n’est pas envoyée à DevToolsy.

Fonctionnement

Les objets imbriqués deviennent des types nommés. Les objets des tableaux sont fusionnés ; les champs absents sont facultatifs et les valeurs mixtes forment des unions. Les tableaux vides utilisent unknown[].

Avant et après
Entrée
{"project":"DevToolsy","members":[{"name":"Ada","role":"developer"},{"name":"Lin","active":true}],"tags":["web","tools"]}
Sortie
export interface Root {
  project: string;
  members: RootMembersItem[];
  tags: string[];
}

export interface RootMembersItem {
  name: string;
  role?: string;
  active?: boolean;
}

Générez des interfaces ou alias de type TypeScript à partir d’un exemple JSON.

Options et fidélité des données

Choisissez le nom racine, interface ou type, readonly et les propriétés facultatives. Les chaînes donnent string, pas des types littéraux.

Utiliser le résultat

Un exemple ne décrit pas tous les cas. Vérifiez null, les champs manquants et la précision numérique, puis ajoutez une validation à l’exécution.

Vérifiez, copiez ou téléchargez le résultat. Modifier l’entrée invalide le résultat précédent.

Limites de traitement

Entrée UTF-8 jusqu’à 1 MiB par document, sortie jusqu’à 8 MiB. JSONPath et Schema : 5 secondes ; autres outils : 30 secondes.

Pour aller plus loinTypeScript Handbook
?

Questions fréquentes

Comment les objets et tableaux sont-ils déduits ?

Les objets imbriqués deviennent des types nommés. Les objets des tableaux sont fusionnés ; les champs absents sont facultatifs et les valeurs mixtes forment des unions. Les tableaux vides utilisent unknown[].

Quelles options TypeScript sont proposées ?

Choisissez le nom racine, interface ou type, readonly et les propriétés facultatives. Les chaînes donnent string, pas des types littéraux.

Les futures réponses API seront-elles validées ?

Non. Un exemple ne décrit pas tous les cas. Vérifiez null, les champs manquants et la précision numérique, puis ajoutez une validation à l’exécution.

Mes données sont-elles envoyées ?

Le traitement reste dans votre navigateur. Votre entrée n’est pas envoyée à DevToolsy.

Puis-je ouvrir un fichier local ?

Entrée UTF-8 jusqu’à 1 MiB · sortie jusqu’à 8 MiB

Trouvez votre prochain outil

Langue

Changer de langue ? Le contenu actuel sera effacé. Copiez ou téléchargez d’abord votre travail.