Générateur TypeScript vers JSON fictif

Collez une interface TypeScript et générez un JSON fictif réaliste qui s’y conforme, directement dans votre navigateur. Votre code reste sur votre appareil.

Votre interface TypeScript est analysée et simulée localement dans votre navigateur et n’est jamais téléversée, et les données générées sont des données d’exemple aléatoires, pas de vrais enregistrements.

Vous avez déjà du JSON ? Transformez-le en TypeScript avec JSON vers TypeScript.

À propos de TypeScript vers JSON fictif

Cet outil TypeScript vers données fictives prend une interface ou un alias de type que vous collez et génère un JSON fictif réaliste qui correspond à sa forme. Il lit la structure du type et choisit une fausse valeur pour chaque propriété, en se basant à la fois sur le nom du champ et sur le type déclaré : un champ email devient un e-mail plausible, name devient un nom complet, createdAt devient une date ISO, id devient un UUID ou un nombre, et les chaînes simples deviennent des mots. Les interfaces imbriquées, les objets en ligne, les tableaux, les unions de littéraux de chaîne, les membres facultatifs et Date sont tous pris en charge, et vous contrôlez le nombre d’objets à produire ainsi que l’apparition ou non des champs facultatifs. Utilisez-le pour amorcer des tests, prototyper des réponses d’API ou remplir une interface avec des données d’exemple au lieu de rédiger des fixtures à la main. Tout s’exécute dans votre navigateur, de sorte que l’interface que vous collez est traitée localement et ne quitte jamais votre appareil.

Fonctionnalités

Comment utiliser TypeScript vers JSON fictif

  1. Collez une interface TypeScript ou un alias de type dans la zone de saisie.
  2. Définissez combien d’objets générer et si les champs facultatifs doivent être inclus.
  3. Si vous avez collé plusieurs interfaces, choisissez celle à utiliser comme racine.
  4. Lisez le JSON fictif généré à droite, puis Copiez-le ou téléchargez un fichier .json.

Exemple

Entrée

interface User {
  id: number;
  fullName: string;
  email: string;
  role: 'admin' | 'editor' | 'viewer';
  tags: string[];
}

Sortie

{
  "id": 4821,
  "fullName": "Ada Lovelace",
  "email": "ada.lovelace@example.com",
  "role": "editor",
  "tags": [
    "design",
    "api"
  ]
}

Les noms de champs orientent les fausses valeurs, tandis que le champ union se résout en l’un de ses membres.

Erreurs courantes et dépannage

Foire aux questions

Comment les types de champs TypeScript sont-ils transformés en fausses valeurs ?
Chaque propriété est d’abord mise en correspondance par son nom — email, name, phone, url, uuid, createdAt et indices similaires correspondent à de fausses données adaptées — et sinon par son type déclaré, de sorte que string, number, boolean et null reçoivent chacun une valeur générée sensée.
Prend-il en charge les interfaces imbriquées, les tableaux et les unions ?
Oui. Les interfaces imbriquées et les types objet en ligne sont déployés récursivement, les types tableau comme string[] deviennent plusieurs éléments générés, et une union de littéraux de chaîne telle que 'admin' | 'editor' se résout en l’un de ses membres.
Puis-je générer un tableau de plusieurs objets à la fois ?
Oui. Réglez le nombre d’objets au-dessus de 1 et l’outil renvoie un tableau JSON de ce nombre d’objets générés ; un nombre de 1 renvoie un objet unique plutôt qu’un tableau.
Comment les propriétés facultatives sont-elles gérées ?
Les membres marqués facultatifs avec prop?: sont contrôlés par l’option Facultatifs. Activez-la pour toujours les inclure, ou désactivez-la pour omettre chaque champ facultatif de la sortie.
Que se passe-t-il avec un champ Date ou un horodatage ISO ?
Un type Date, ainsi que les indices de nom comme createdAt, updatedAt ou timestamp, produisent une chaîne de date ISO 8601 afin que le JSON fictif reste valide et facile à analyser.
Le TypeScript que je colle est-il envoyé quelque part ?
Non. L’interface est analysée et le JSON fictif est généré entièrement dans votre navigateur, de sorte que le code que vous collez est traité localement et ne quitte jamais votre appareil.

Outils associés

Tous les outils ArrayKit