Ferramentas para Desenvolvedores

JSON para TypeScript

Cole JSON e obtenha interfaces TypeScript limpas e aninhadas com os tipos inferidos automaticamente.

Avalie esta ferramenta
JSON
TypeScript

Como usar JSON para TypeScript

  1. Cole um objeto ou array JSON na caixa da esquerda.
  2. Clique em “Gerar interfaces”.
  3. Copie o TypeScript direto para o seu projeto.

Sobre JSON para TypeScript

Este conversor de JSON para TypeScript lê uma amostra de JSON — uma resposta de API, um arquivo de configuração, um registro de banco de dados — e escreve definições de interface correspondentes com os tipos certos inferidos para cada campo. Objetos aninhados viram as suas próprias interfaces, arrays são tipados pelo primeiro elemento, e primitivos mapeiam para string, number ou boolean. Isso poupa você do trabalho tedioso e propenso a erros de digitar à mão as estruturas de dados que você já tem.

A tipagem forte é um dos maiores motivos para usar TypeScript, e partir de dados reais significa que os seus tipos realmente correspondem ao que o servidor envia. As interfaces geradas são exportadas e prontas para colar em um arquivo .ts; a partir daí você pode renomeá-las, marcar campos como opcionais ou dividi-las entre módulos como quiser.

Tudo funciona no seu navegador — o seu JSON nunca é enviado. Para organizar o JSON primeiro, use o formatador de JSON ou verifique-o com o validador de JSON. Precisa de uma planilha em vez de tipos? Experimente JSON para CSV.

Perguntas frequentes

Como ele decide os tipos?

Ele inspeciona os valores do seu JSON: texto vira string, números viram number, true/false vira boolean, e objetos viram as suas próprias interfaces.

E arrays com itens mistos?

O tipo é inferido a partir do primeiro elemento, o que cobre a maioria dos dados reais de API. Você pode ampliá-lo para uma união à mão se o seu array realmente misturar estruturas.

Valores nulos são tratados?

Um valor null é tipado como null. Talvez você queira mudá-lo para um campo opcional ou anulável, dependendo da sua API.