JSON para TypeScript

Gere uma interface TypeScript a partir de um exemplo JSON.

Entrada
Resultado

Exemplos de uso

Esboçar rapidamente um tipo para uma resposta de API

Cole um exemplo de resposta JSON do seu servidor e obtenha um rascunho de interface TypeScript para colar direto no seu projeto.

Separar automaticamente objetos aninhados em suas próprias interfaces

Quando seu JSON contém outro objeto, ele ganha sua própria interface nomeada com base no campo, mantendo tudo organizado.

Marcar campos como opcionais quando os itens de um array diferem

Quando os objetos de um array não compartilham todos os mesmos campos, eles são combinados em uma única interface com '?' marcando os campos que não estão presentes em todos.

Perguntas frequentes

Meu JSON é enviado a um servidor?

Não. Toda a conversão acontece inteiramente no seu navegador, e o que você digita nunca é enviado a um servidor.

Posso usar o código gerado como está?

Ele é inferido a partir de um único exemplo JSON, então pode não capturar todas as variações possíveis dos seus dados reais. Trate a interface gerada como um ponto de partida e ajuste conforme necessário.

Ele reconhece strings de data como tipo Date?

Não. JSON não tem um tipo de data dedicado, então toda string é tratada como string. Se quiser tratar como data, ajuste o código gerado manualmente.

O que acontece se o mesmo formato de objeto aparecer várias vezes?

Objetos com estrutura idêntica reutilizam uma única interface em vez de gerar duplicatas.