Skip to content

Conversor JSON para TypeScript

Cole JSON e obtenha interfaces TypeScript instantaneamente. 100% no navegador — os dados nunca saem da página. interface ou type, objetos aninhados, arrays, campos opcionais. Grátis, sem cadastro.

Sem rastreamento Roda no navegador Grátis
Opções
Saída
Campos opcionais
0 caracteres
Saída TypeScript
0 linhas
Verificado em relação a payloads de API do mundo real e à saída do compilador TypeScript. — Go Tools Team · Jun 1, 2026

O que é conversão de JSON para TypeScript?

A conversão de JSON para TypeScript lê um valor JSON e gera definições correspondentes de interface ou type do TypeScript — eliminando o código repetitivo escrito à mão para respostas de API e arquivos de configuração. Cole um payload e obtenha tipos prontos para produção em segundos, totalmente tipados para objetos aninhados, arrays e campos opcionais.

Exemplos

Resposta de API

{"id":101,"name":"Ada Lovelace","email":"ada@example.com","active":true,"roles":["admin","user"]}

Transforme um payload típico de usuário de uma API REST em uma interface tipada que você pode usar diretamente no seu cliente.

Objetos aninhados

{"order":{"id":"A-1","total":42.5,"customer":{"name":"Sam","vip":false}}}

Objetos aninhados tornam-se interfaces separadas e nomeadas (Order, Customer) referenciadas por campo.

Array de objetos (campos opcionais)

{"users":[{"id":1,"nick":"x"},{"id":2}]}

Chaves ausentes em alguns itens do array são inferidas como opcionais (nick?: string).

Valores mistos e null

{"tags":["a","b"],"score":null,"meta":[1,"two"]}

Valores null e arrays mistos são tipados honestamente (null, (string | number)[]).

Payload no estilo do GitHub

{"login":"octocat","id":1,"public_repos":2,"plan":{"name":"pro","private_repos":50}}

Chaves em snake_case são mantidas literalmente; o plan aninhado torna-se sua própria interface.

Como converter JSON para TypeScript

  1. 1

    Cole seu JSON

    Insira um objeto JSON, array ou resposta de API no campo de entrada. A conversão começa instantaneamente.

  2. 2

    Ajuste a saída

    Escolha interface ou type, defina um nome de raiz, ative export e escolha ?: ou | null para os campos opcionais.

  3. 3

    Copie ou baixe

    Pegue o TypeScript gerado com um clique e cole-o diretamente na sua base de código.

Como a conversão funciona

Inferência estrutural
Cada objeto torna-se uma interface nomeada; formatos idênticos são deduplicados, então você obtém um único tipo, não cópias.
Mesclagem de arrays
Arrays de objetos são mesclados chave por chave; chaves ausentes em alguns itens são marcadas como opcionais.
100% no lado do cliente
A análise e a geração rodam no seu navegador sem chamadas de rede, então seus dados permanecem privados.

Dicas para tipos TypeScript limpos

Nomeie seu tipo raiz
Defina um nome de raiz significativo (por exemplo, User, ApiResponse) em vez do padrão Root para um código legível.
Prefira opcional a null quando os dados forem esparsos
Use ?: para campos que podem estar ausentes e | null apenas quando a API explicitamente retornar null.

Perguntas frequentes

Como converter JSON para uma interface TypeScript?
Cole seu JSON no campo de entrada. O conversor o lê instantaneamente no seu navegador e gera uma interface TypeScript à direita. Clique em Copiar para pegar o resultado — sem upload, sem conta.
Devo usar `type` ou `interface` para dados JSON?
Ambos funcionam. `interface` é convencional para formatos de objeto e oferece erros ligeiramente melhores no editor; `type` é prático para uniões e interseções. Use o seletor de Saída para alternar entre eles e mantenha o que sua base de código preferir.
Como objetos aninhados e arrays são tratados?
Objetos aninhados tornam-se interfaces separadas e nomeadas (por exemplo, um campo `address` gera uma interface `Address`). Arrays de objetos são mesclados em uma única interface de elemento; arrays de primitivos tornam-se arrays tipados como `string[]`.
Como campos opcionais e null são tratados?
Quando uma chave está presente em alguns itens do array, mas não em outros, ela é marcada como opcional. Escolha `?:` (opcional) ou `| null` (nulável explícito) com o seletor de Campos opcionais. Valores null literais são tipados como `null`.
Como gerar tipos TypeScript a partir de JSON automaticamente no VSCode?
Você pode instalar uma extensão, mas não precisa. Esta ferramenta roda inteiramente no seu navegador — cole, copie, pronto — sem nenhum plugin para instalar, configurar ou manter atualizado.
Meus dados JSON são privados e seguros?
Sim. A conversão acontece 100% no seu navegador usando JavaScript. Seu JSON — incluindo quaisquer tokens, IDs ou dados de clientes — nunca sai da página e nunca é enviado a um servidor.
A ferramenta é grátis? Preciso de uma conta?
É completamente grátis, sem cadastro, sem limites e sem anúncios poluindo o espaço de trabalho.
Ela consegue detectar datas ou enums?
Strings de data são mantidas como `string` (mais seguro do que adivinhar). Valores de string são tipados como `string` em vez de uniões literais, então a saída permanece estável conforme seus dados mudam.

Ferramentas relacionadas

Ver todas as ferramentas →

Decodificador e Codificador Base64

Codificação e Formatação

Decodifique e codifique Base64 online gratuitamente. Conversão em tempo real com suporte completo a UTF-8 e emoji. 100% privado — executa no seu navegador. Sem necessidade de cadastro.

Conversor de Base64 para Imagem

Codificação e Formatação

Decodifique uma string Base64 ou data URI de volta para imagem no navegador. Pré-visualize, leia dimensões e MIME, e baixe como PNG, JPG, GIF, SVG. Sem upload.

Conversor CSV para JSON

Codificação e Formatação

Converta CSV para JSON no navegador. RFC 4180, inferência de tipos, cabeçalho, seguro para inteiros grandes. 100% privado, sem upload.

Conversor de .env para JSON

Codificação e Formatação

Cole um arquivo .env e obtenha JSON na hora. Suas senhas, chaves de API e tokens nunca saem do navegador — 100% privado, sem upload, analisador dotenv grátis.

Decodificador de Entidades HTML — Unescape HTML

Codificação e Formatação

Decodifique entidades HTML e faça unescape de HTML online — grátis, sem cadastro, 100% no seu navegador. Converte referências nomeadas, decimais & hex de volta em caracteres; nada é enviado.

Codificador de Entidades HTML — Escapar HTML

Codificação e Formatação

Codifique entidades HTML e escape caracteres especiais (< > & " ') online — grátis, sem cadastro, 100% no seu navegador. Saída nomeada, decimal ou hex; nada é enviado.