TSJSON → TypeScript
O sistema de tipos estáticos do TypeScript exige que você defina interfaces ou tipos para suas estruturas de dados. Escrever isso manualmente a partir do JSON de resposta da API é tedioso e propenso a erros, especialmente com objetos profundamente aninhados. Esta ferramenta gera automaticamente interfaces ou apelidos de tipo TypeScript a partir de qualquer payload JSON, tratando objetos aninhados, arrays e valores nulos.
Como usar
- 1Colar JSON
Cole o JSON que deseja converter à esquerda. Clique em 'Carregar Exemplo' para testar uma amostra com objetos e arrays aninhados.
- 2Configurar Opções
Defina o nome da interface raiz, o estilo de saída (interface ou apelido de tipo), se deve incluir a palavra-chave export e como lidar com valores nulos.
- 3Copiar Resultado
Revise o TypeScript gerado à direita e clique no botão de copiar para usá-lo em seu projeto.
Dicas
- 💡Objetos JSON aninhados são convertidos automaticamente em interfaces ou tipos nomeados separados.
- 💡Campos com valores nulos são tipados como 'T | null' quando a opção nula está habilitada, mantendo seu código seguro contra nulos.
- 💡Arrays vazios ([]) produzem unknown[] — atualize o tipo manualmente assim que souber o formato do elemento.
- 💡Cole o JSON de resposta da API para estruturar instantaneamente o tipo de resposta para seu projeto TypeScript.
Perguntas frequentes
- Q. Quais as vantagens de gerar interfaces TypeScript a partir de JSON?
- A. Permite detectar erros em tempo de compilação, habilita autocomplete no IDE e torna o refactoring mais seguro.
- Q. Gera interface ou type?
- A. Gera declarações interface por padrão. Pode ser alterado para type conforme necessário. A diferença principal é que interface suporta fusão de declarações.
- Q. Como arrays do JSON são convertidos?
- A. Arrays JSON são convertidos para T[] ou Array<T>. Arrays vazios resultam em unknown[] ou any[].