Visión general
Qué hace
- • Genera interfaces TS a partir de JSON
- • Conversión en tiempo real
- • Interfaces hijas para objetos anidados
Requisitos de entrada
- • JSON válido y parseable
- • Arreglo de nivel superior soportado (basado en el primer elemento)
- • Arreglos heterogéneos requieren ajustes manuales
Inicio rápido
- Abre /json-to-typescript
- Pega el JSON en el editor izquierdo
- Revisa las interfaces generadas en el panel derecho
- Copia o descarga
Mapeo de tipos
Primitivos
- • string → string
- • number → number
- • boolean → boolean
- • null → null
Complejos
- • array → T[] (basado en el primer elemento)
- • object → interfaz hija con nombre
- • objeto anidado → interfaz separada + referencia
Arreglos y objetos anidados
Buen ejemplo
{
"users": [{ "id": 1, "name": "A" }]
}Requiere atención
{
"values": [1, "two", true]
}Tipos mixtos; ajusta a una unión o normaliza los datos.
Ejemplo
JSON de entrada
{
"name": "Alice",
"age": 28,
"active": true,
"address": { "city": "Paris" },
"tags": ["dev", "ts"]
}
Interfaces generadas
interface RootObject {
name: string;
age: number;
active: boolean;
address: AddressInterface;
tags: string[];
}
interface AddressInterface {
city: string;
}Consejos y limitaciones
Recomendado
- • Valida el JSON antes de convertir
- • Renombra interfaces a nombres de dominio
- • Añade opcionales (?) cuando corresponda
Limitaciones
- • Arreglos mixtos inferidos por el primer elemento
- • Sin detección automática de opcionales/uniones
- • Esquemas complejos pueden requerir ajustes