Convertisseur JSON vers TypeScript

Convertissez du JSON au format TypeScript. Convertisseur en ligne gratuit. Aucune inscription requise.

Root interface name:

JSON d'entrée

TypeScript de sortie

Outils Connexes

Convertisseur JSON en TOON

Formateur JSON

Générateur de chaînes aléatoires

Convertisseur de Timestamp Unix

Qu'est-ce que le JSON ?

JSON (JavaScript Object Notation) est un format d'échange de données largement utilisé qui représente des données structurées à l'aide de paires clé-valeur lisibles. Il est couramment utilisé dans les API, les fichiers de configuration et les systèmes backend.

Les cas d'utilisation typiques incluent les réponses API, le stockage de configuration et l'échange de données entre services.

Qu'est-ce qu'une interface TypeScript ?

Une interface TypeScript est une construction puissante au moment de la compilation qui définit la forme, les propriétés et les types d'un objet en TypeScript. Elle offre une sécurité de type stricte, une autocomplétion et une vérification à la compilation sans ajouter de surcharge d'exécution à JavaScript.

Les interfaces TypeScript sont idéales pour typer des modèles de réponse d'API, définir des contrats de props de composants, établir des schémas de base de données et maintenir des bases de code frontend/backend évolutives et maintenables.

Charger un exemple

Données d'entrée JSON

{
  "userId": "4532",
  "username": "janedoe",
  "email": "jane@example.com",
  "verified": true,
  "preferences": {
    "theme": "dark",
    "notifications": {
      "email": true,
      "push": false,
      "sms": null
    }
  },
  "roles": ["admin", "moderator"],
  "recentProjects": [
    {
      "projectId": "proj_101",
      "title": "E-Commerce Microservice",
      "status": "active"
    }
  ],
  "lastLogin": "2026-10-20T12:00:00Z"
}

Interfaces TypeScript générées

interface Notifications {
    email: boolean;
    push: boolean;
    sms: null;
}

interface Preferences {
    theme: string;
    notifications: Notifications;
}

interface RecentProject {
    projectId: string;
    title: string;
    status: string;
}

interface RootObject {
    userId: string;
    username: string;
    email: string;
    verified: boolean;
    preferences: Preferences;
    roles: string[];
    recentProjects: RecentProject[];
    lastLogin: string;
}