JSON para TypeScript
Cole um JSON de exemplo e receba as interfaces TypeScript correspondentes: chega de digitar cada campo na mão ao trabalhar com dados de API.
Como gerar interfaces TypeScript a partir de JSON
- Cole seu JSON de exemplo à esquerda e as declarações TypeScript aparecem à direita.
- Mude se quiser o nome do tipo externo em «Nome do tipo raiz», por exemplo ApiResponse.
- Use o botão de copiar e cole no seu código.
Perguntas frequentes
Só pelos dados que você cola: texto é string, números são number, true/false é boolean e objetos aninhados viram interfaces próprias.
Que o campo nem sempre está lá. Quando um array tem vários objetos e só alguns têm esse campo, a ferramenta marca como opcional.
A ferramenta junta os tipos com |, por exemplo string | number. Se o valor às vezes for null, o tipo ganha também | null.
Um array vazio não tem itens para a ferramenta aprender o tipo. Corrija na mão ou cole um exemplo com dados nesse array.
Pelo campo, com a primeira letra maiúscula (user_profile vira UserProfile). Itens de array ganham Item no fim, e um nome já usado recebe um número: 2, 3…
Não, eles são tão precisos quanto o exemplo colado. Use um exemplo completo (de preferência vários itens em cada array, incluindo campos que às vezes faltam) para os tipos cobrirem os casos reais.
Não. O JSON é processado no seu próprio aparelho.
É totalmente grátis e não precisa de conta.
Ferramentas relacionadas
JSON para JSON SchemaGere um JSON Schema a partir de um JSON de exemploJSON para ZodGere um schema Zod a partir de um JSON de exemploValidador de JSON SchemaConfira se dados JSON seguem um JSON SchemaJSON para struct GoGere structs Go a partir de um JSON de exemploJSON para dataclass PythonGere dataclasses ou modelos Pydantic a partir de JSONJSON para classe JavaGere classes ou records Java a partir de JSONJSON para data class KotlinGere data classes Kotlin a partir de JSONEscapar / desescapar JSONTransforme texto numa string JSON válida e vice-versaFormatador JSONFormate, minifique e valide JSON