JSON a TypeScript
Generá tipos TypeScript a partir de un JSON de ejemplo.
Cargando herramienta…
Siguiente paso recomendado
Herramientas de desarrollo relacionadas
Después de usar JSON a TypeScript, continúa con Conversor csv JSON.
Herramientas relacionadas
Mismo tipo de tarea, para seguir en el sitio.
Guía de la herramienta
JSON a TypeScript: cómo funciona
Información práctica para entender el resultado y usar bien esta herramienta.
Sobre JSON a TypeScript
Un payload de muestra es más rápido que escribir interfaces a mano. Este generador infiere tipos en el navegador a partir de un JSON.
JSON a CSV ya recorre filas. Esto nombra objetos anidados, une null en arrays y pone comillas en claves que no son identificadores válidos.
Un array vacío queda unknown[]. Un JSON inválido se detiene con error en lugar de una interfaz a medias.
Cómo usarla
- 1Pegá un objeto o array JSON.
- 2Elegí el nombre raíz y si los null son opcionales.
- 3Copiá las interfaces TypeScript.
Preguntas frecuentes
- ¿Qué produce {"id":1,"name":"Ada"}?
- Una interfaz exportada Item con id: number y name: string. No hay aviso.
- ¿Cómo se tipa un array con null?
- La muestra tags: ["math", null] queda (string | null)[]. Activar null como opcional saca la unión null en campos de objeto, no dentro de arrays.
- ¿Qué pasa si el JSON es inválido?
- El generador muestra error de JSON inválido y no emite interfaz. Una caja vacía muestra error de pegado.