Gerador JSON para TypeScript
Cole JSON e gere interfaces ou type aliases TypeScript com objetos aninhados, arrays, valores null, campos opcionais, propriedades readonly e ponto e vírgula.
Opções
O que é um gerador JSON para TypeScript?
Um gerador JSON para TypeScript transforma dados JSON de exemplo em interfaces ou type aliases TypeScript que descrevem o formato do objeto.
Ele ajuda ao consumir respostas API, documentar payloads, criar modelos front-end ou rascunhar tipos rapidamente antes de refiná-los no código.
Como usar o gerador JSON para TypeScript
- Cole um objeto JSON, array ou resposta API no editor.
- Escolha um nome de tipo raiz e se deseja gerar interfaces ou type aliases.
- Ative readonly, campos opcionais ou ponto e vírgula se isso combinar com o estilo do projeto.
- Clique em Gerar tipos e copie a saída TypeScript.
Dicas
- Use amostras JSON representativas para inferir melhor campos opcionais e formatos de arrays.
- Campos ausentes em alguns objetos de um array podem ser marcados como opcionais.
- Valores null são representados como unions, por exemplo string | null.
- Revise os tipos gerados antes de usá-los em código de produção.
Ferramentas relacionadas
Você também pode achar essas ferramentas úteis.
Formatador JSON
Formate e reduza JSON instantaneamente.
Dados e Formatação
›
Validador/gerador de esquema JSON
Gere o esquema JSON a partir do JSON e valide o JSON no esquema.
Dados e Formatação
›
Testador JSONPath
Execute expressões JSONPath em JSON e inspecione valores e caminhos correspondentes.
Dados e Formatação
›
JSON Escape / Unescape
Escape texto para strings JSON e decodifique sequências de escape JSON.
Dados e Formatação
›
Validador e explorador OpenAPI / Swagger
Valide OpenAPI YAML ou JSON e explore endpoints, schemas, servidores, segurança e respostas.
Dados e Formatação
›
Perguntas frequentes sobre o gerador JSON para TypeScript
Ele suporta objetos aninhados?
Sim. Objetos aninhados são emitidos como interfaces ou type aliases nomeados.
Como arrays são tratados?
Arrays são inferidos a partir dos itens. Arrays de objetos são mesclados em um tipo de item comum, com campos ausentes como opcionais ou undefined.
Ele pode gerar type aliases em vez de interfaces?
Sim. Use o controle de estilo de declaração para alternar entre interfaces e type aliases.
Meu JSON é enviado?
Não. A geração de tipos é executada no seu navegador.