JSON vers TypeScript
Convertir automatiquement les données JSON en interfaces TypeScript ou définitions de type
// Les définitions de type TypeScript seront générées automatiquementQu'est-ce que JSON vers TypeScript ?
JSON vers TypeScript est un outil qui convertit automatiquement les données JSON en définitions de type TypeScript. Il analyse la structure JSON et génère les déclarations interface ou type correspondantes, aidant les développeurs à atteindre la sécurité de type et les indices de code dans les projets TypeScript.
Comment utiliser
- Collez les données JSON dans la zone d'entrée à gauche, ou cliquez sur le bouton exemple pour charger un exemple
- Configurez les options : définissez le nom du type racine, choisissez le style interface/type, si ajouter export, etc.
- Les définitions de type TypeScript correspondantes sont générées automatiquement à droite
- Cliquez sur le bouton 'Copier' pour copier les définitions de type dans le presse-papiers
- Collez les définitions de type dans votre projet TypeScript pour les utiliser
Exemples
Conversion d'objet simple
输入 JSON:
{
"name": "张三",
"age": 28,
"isActive": true
}
输出 TypeScript:
export interface Root {
name: string;
age: number;
isActive: boolean;
}Conversion d'objet imbriqué
输入 JSON:
{
"user": {
"id": 1,
"profile": {
"avatar": "url",
"bio": "简介"
}
}
}
输出 TypeScript:
export interface UserProfile {
avatar: string;
bio: string;
}
export interface User {
id: number;
profile: UserProfile;
}
export interface Root {
user: User;
}FAQ
Q : Comment utiliser les types générés ?
R : Copiez les définitions de type générées dans un fichier .ts, puis utilisez-les dans votre code. Par exemple : const data: Root = JSON.parse(response)
Q : Quelle est la différence entre interface et type ?
R : interface peut être étendu et implémenté, adapté pour définir des types d'objet ; type est plus flexible et peut définir des types union, intersection, etc. Pour les structures d'objet simples, les deux fonctionnent similairement.
Q : Comment les JSON de type tableau sont gérés ?
R : L'outil reconnaît automatiquement les types d'éléments de tableau. Pour les tableaux d'objets, des définitions de type séparées sont générées pour les éléments de tableau, puis représentées en utilisant ItemType[].
Q : Les types générés peuvent être modifiés ?
R : Oui, ils peuvent être librement modifiés après génération. Nous recommandons d'ajuster les noms de type, d'ajouter des marqueurs de champ optionnel (?) ou de modifier les définitions de type pour certains champs selon vos besoins.