JSON para TypeScript
Genera interfaces o types de TypeScript a partir de un JSON, con objetos anidados, arrays, campos opcionales y nombres en PascalCase.
Pega el JSON para generar las interfaces.
JSON para TypeScript: para qué sirve
Pega un JSON, como la respuesta de una API, y la herramienta genera las interfaces de TypeScript al instante. Los objetos anidados se convierten en interfaces separadas con nombres en PascalCase, y las listas de objetos se analizan por completo para marcar los campos opcionales.
Elige entre interface y type, con o sin export y readonly. Todo se ejecuta en el navegador.
Cómo usar
- Pega el JSON.
- Define el nombre de la raíz y las opciones.
- Copia las interfaces generadas.
Cuándo usar
- Tipar respuestas de APIs en el front-end.
- Crear modelos para proyectos en Angular, React o Node.
- Documentar la estructura de un JSON.
Preguntas frecuentes
¿Cómo se detectan los campos opcionales?
Cuando el JSON tiene una lista de objetos, los campos que no aparecen en todos los elementos reciben el signo de interrogación (campo?: tipo).
¿Y si un campo viene null?
Se convierte en tipo | null cuando hay otro tipo en el mismo campo, o solo null si siempre viene vacío. Ajusta el tipo después, si sabes cuál es.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas y funcionan directo en tu navegador.