Gerador de JSON Fictício a partir de TypeScript

Cole uma interface TypeScript e gere um JSON fictício realista que a respeita, direto no seu navegador. Seu código permanece no seu dispositivo.

Sua interface TypeScript é analisada e transformada em dados fictícios localmente no seu navegador e nunca é enviada, e os dados gerados são amostras aleatórias, não registros reais.

Já tem JSON? Transforme-o em TypeScript com o JSON para TypeScript.

Sobre TypeScript para Dados Fictícios

Esta ferramenta de TypeScript para dados fictícios pega uma interface ou type alias que você cola e gera um JSON fictício realista que corresponde ao seu formato. Ela lê a estrutura do tipo e escolhe um valor falso para cada propriedade, decidindo tanto pelo nome do campo quanto pelo tipo declarado: um campo email vira um e-mail plausível, name vira um nome completo, createdAt vira uma data ISO, id vira um UUID ou número, e strings comuns viram palavras. Interfaces aninhadas, objetos inline, arrays, uniões de literais de string, membros opcionais e Date são todos tratados, e você controla quantos objetos produzir e se os campos opcionais aparecem. Use-a para popular testes, prototipar respostas de API ou preencher uma UI com dados de amostra em vez de escrever fixtures à mão. Tudo roda no seu navegador, então a interface que você cola é processada localmente e nunca sai do seu dispositivo.

Recursos

Como usar TypeScript para Dados Fictícios

  1. Cole uma interface ou type alias de TypeScript na caixa de entrada.
  2. Defina quantos objetos gerar e se deve incluir campos opcionais.
  3. Se você colou várias interfaces, escolha qual usar como raiz.
  4. Leia o JSON fictício gerado à direita, então Copie-o ou baixe um arquivo .json.

Exemplo

Entrada

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

Saída

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

Os nomes dos campos orientam os valores falsos, enquanto o campo de união resolve para um de seus membros.

Erros comuns e solução de problemas

Perguntas frequentes

Como os tipos de campo do TypeScript são transformados em valores falsos?
Cada propriedade é comparada primeiro pelo nome — email, name, phone, url, uuid, createdAt e dicas semelhantes mapeiam para dados falsos correspondentes — e, caso contrário, pelo tipo declarado, então string, number, boolean e null cada um recebe um valor gerado sensato.
Ela suporta interfaces aninhadas, arrays e uniões?
Sim. Interfaces aninhadas e tipos de objeto inline são expandidos recursivamente, tipos de array como string[] viram vários itens gerados, e uma união de literais de string como 'admin' | 'editor' resolve para um de seus membros.
Posso gerar um array de vários objetos de uma vez?
Sim. Defina a contagem de objetos acima de 1 e a ferramenta retorna um array JSON com essa quantidade de objetos gerados; uma contagem de 1 retorna um único objeto em vez de um array.
Como as propriedades opcionais são tratadas?
Membros marcados como opcionais com prop?: são controlados pelo botão de Opcionais. Ative-o para sempre incluí-los, ou desative-o para omitir todo campo opcional da saída.
O que acontece com um campo Date ou um timestamp ISO?
Um tipo Date, e dicas de nome como createdAt, updatedAt ou timestamp, produzem uma string de data ISO 8601 para que o JSON fictício permaneça válido e fácil de analisar.
O TypeScript que eu colo é enviado para algum lugar?
Não. A interface é analisada e o JSON fictício é gerado inteiramente no seu navegador, então o código que você cola é processado localmente e nunca sai do seu dispositivo.

Ferramentas relacionadas

Todas as ferramentas de ArrayKit