JSON para TypeScript

Cole um payload JSON para receber interfaces TypeScript prontas para usar. Objetos e arrays aninhados viram tipos nomeados, e chaves que não são identificadores válidos ganham aspas automaticamente.

Grátis Roda no navegador Sem cadastro
JSON de entrada
Saída TypeScript
As interfaces TypeScript aparecem aqui.
Objetos e arrays aninhados são convertidos automaticamente.

Como usar

1

Cole seu JSON

Insira um objeto ou array JSON no painel de entrada.

2

Nomeie o tipo raiz

Defina o nome da interface raiz e escolha entre interface ou type.

3

Copie ou baixe

A saída TypeScript atualiza enquanto você digita.

Por que usar esta ferramenta

Tipos aninhados ganham nome

Objetos e arrays aninhados geram interfaces legíveis e reutilizáveis.

Lida com chaves difíceis

Chaves com hífens, espaços ou começando com dígitos recebem aspas corretamente.

Roda localmente

Seu payload nunca sai do navegador.

Perguntas frequentes

A ferramenta infere propriedades opcionais?
Não. JSON não descreve campos opcionais, então toda propriedade é marcada como obrigatória. Remova ou marque campos manualmente quando uma API puder omiti-los.
Como arrays são tipados?
Arrays usam o primeiro item para inferir o tipo do elemento. Arrays vazios viram unknown[], e arrays com primitivos mistos viram uniões.
Posso usar type em vez de interface?
Sim. Troque o controle de declaração para type e o gerador usa aliases de tipo.
E o null?
Valores null viram null. Se um campo também puder ser string, use uma união como string | null depois de gerar.
Meus payloads são enviados?
Não. A leitura e a geração acontecem no seu navegador.

Ferramentas relacionadas

Última atualização: