Visão Geral
O que faz
- • Gera interfaces TS a partir do JSON
- • Conversão em tempo real
- • Interfaces filhas para objetos aninhados
Requisitos de entrada
- • JSON válido e parseável
- • Array no topo é suportado (baseado no primeiro item)
- • Arrays heterogêneos exigem ajuste manual
Como começar
- Abra /json-to-typescript
- Cole o JSON no editor esquerdo
- Revise as interfaces geradas no painel direito
- Copie ou baixe
Mapeamento de tipos
Primitivos
- • string → string
- • number → number
- • boolean → boolean
- • null → null
Complexos
- • array → T[] (baseado no primeiro elemento)
- • object → interface filha nomeada
- • objeto aninhado → interface separada + referência
Arrays e Objetos Aninhados
Bom Exemplo
{
"users": [{ "id": 1, "name": "A" }]
}Requer Atenção
{
"values": [1, "two", true]
}Tipos mistos; ajuste para união ou normalize os dados.
Exemplo
JSON de entrada
{
"name": "Alice",
"age": 28,
"active": true,
"address": { "city": "Paris" },
"tags": ["dev", "ts"]
}
Interfaces geradas
interface RootObject {
name: string;
age: number;
active: boolean;
address: AddressInterface;
tags: string[];
}
interface AddressInterface {
city: string;
}Dicas e limitações
Recomendado
- • Valide o JSON antes de converter
- • Renomeie interfaces para nomes de domínio
- • Adicione modificadores opcionais (?) quando fizer sentido
Limitações
- • Arrays mistos inferidos pelo primeiro elemento
- • Sem detecção automática de opcionais/uniões
- • Esquemas complexos podem exigir ajustes