JSON para interface TypeScript
Funciona localmente no navegador. Nada sai do seu dispositivo.Infira interfaces TypeScript e type aliases de exemplos JSON localmente.
Entrada
Uma propriedade ausente não é o mesmo que uma propriedade presente com nulo.
Saída
Cole JSON válido para gerar tipos TypeScript.
Cole JSON válido para gerar tipos TypeScript.
Como funciona
- 1
Cole um exemplo JSON
Cole um exemplo JSON representativo.
- 2
Escolha o estilo de declaração e as opções
Escolha interface ou type, a notação de array, readonly e o nome raiz.
- 3
Copiar ou transferir o TypeScript
Copie o código TypeScript gerado ou transfira-o.
Bom saber
O gerador JSON para interface TypeScript deriva tipos a partir de exemplos JSON, como interface ou type alias.
Uma propriedade ausente não é o mesmo que uma propriedade presente com null.
Casos de uso típicos
Derivar tipos de uma resposta de API para um frontend
Cole uma resposta de API de exemplo para obter rapidamente uma interface TypeScript.
Tipar apenas parte de um grande payload de webhook
Use um JSON Pointer como /data/users para tipar só a subárvore relevante.
Dicas para melhores resultados
Reveja tecnicamente propriedades ausentes vs. null
Verifique se “opcional com undefined” reflete a semântica correta.
Use vários exemplos para tipos mais completos
Teste com vários exemplos representativos para não perder campos raros.
Funções
Interface ou type alias
Gere tipos de objeto como interface ou type alias.
Readonly e ReadonlyArray
Gere propriedades readonly e tipos ReadonlyArray.
Processamento local
Os seus dados nunca saem do seu dispositivo.
Perguntas frequentes
Os tipos derivados são sempre totalmente corretos?
Não, são uma amostra dos exemplos; reveja campos opcionais e variantes.
Meus dados são enviados?
Não. A derivação é totalmente local.
Mais ferramentas
Procura outra ferramenta?
Todas as ferramentas funcionam localmente no seu navegador – sem cadastro, sem upload e também offline.