Gere interfaces TypeScript a partir de um exemplo JSON, com tipos aninhados, arrays e campos opcionais. Roda no navegador.
Como usar JSON para TS
Cole um objeto ou array JSON.
Opcionalmente, defina o nome da interface raiz.
Copie as interfaces TypeScript geradas.
Este é um gerador de JSON para TypeScript que infere um conjunto de interfaces a partir de um objeto ou array JSON de exemplo, então você pode colar uma resposta de API e obter tipos prontos para usar em vez de escrevê-los à mão.
É uma grande economia de tempo quando você está consumindo uma API ou um arquivo de configuração: cole uma resposta, opcionalmente nomeie a interface raiz e copie um TypeScript limpo direto para o seu código.
A geração funciona inteiramente no seu navegador, então seus dados nunca saem do seu dispositivo, o que importa quando a amostra contém valores reais.
Ele lida com formatos do mundo real: objetos aninhados se tornam suas próprias interfaces nomeadas referenciadas a partir do pai, arrays de objetos são mesclados em uma única interface e tipos de união são produzidos onde os valores variam.
Quando os objetos em um array não têm todos as mesmas chaves, as chaves ausentes em alguns elementos são marcadas como opcionais com um ponto de interrogação, o que corresponde a como os dados realmente se comportam e mantém os tipos honestos.
Um ponto importante: ele infere um formato a partir da única amostra que você fornece, em vez de impor um esquema. Se um campo às vezes é nulo ou ausente nos dados reais, mas não na sua amostra, o tipo gerado não vai saber disso, então use um exemplo representativo.
Perguntas frequentes
Cada objeto aninhado vira sua própria interface nomeada, referenciada pelo pai, resultando em um código limpo e reutilizável.
Arrays de objetos são mesclados em uma interface, e chaves ausentes em alguns elementos são marcadas como opcionais. Arrays com primitivos mistos viram um tipo union.
Não. Os tipos são gerados inteiramente no seu navegador, portanto seus dados nunca saem do dispositivo.
Incorpore esta ferramenta
Adicione esta ferramenta ao seu próprio site. Copie o trecho abaixo; ele se mantém atualizado automaticamente.
<iframe src="https://monu.tools/embed/pt-BR/json-to-typescript" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Ferramentas relacionadas
Formate, embeleze e valide JSON online com mensagens de erro claras para entradas inválidas.
Minifique e valide JSON no seu navegador, e veja quantos bytes você economiza.
Converta JSON para CSV e CSV de volta para JSON, nos dois sentidos. Escolha o delimitador, trate campos com aspas e copie o resultado. Tudo roda no seu navegador.
Converta YAML para JSON e JSON de volta para YAML, nos dois sentidos. Valida enquanto converte e mostra erros claros. Tudo roda no seu navegador.