Convertidor JSON a TypeScript Online Gratis
Convierte JSON a una interfaz TypeScript en tu navegador. Los objetos anidados se convierten en interfaces con nombre, los arrays de objetos fusionan campos opcionales y no se sube nada. Si el JSON no es válido, valídalo primero.
Salida TypeScript
Cómo convertir JSON a TypeScript
- Empieza con un ejemplo válido en ejemplos JSON o pega una respuesta de API.
- Define el nombre de la interfaz raíz, por ejemplo User o ApiResponse.
- Copia las interfaces generadas a tu proyecto o descarga un archivo .ts.
Acerca de este convertidor JSON a TypeScript
Esta herramienta infiere interfaces TypeScript a partir de un valor JSON. No es un editor completo. Limpia el payload en el editor JSON o el formateador primero si los tipos se ven mal por una entrada inválida.
A diferencia de herramientas CLI multilenguaje como quicktype, esta página se centra en pegar JSON y obtener interfaces en el navegador: interfaces anidadas con nombre, campos opcionales desde arrays y descarga .ts — sin subidas ni registro.
Preguntas frecuentes (FAQ)
¿Cómo convierto JSON a una interfaz TypeScript?
Pega el JSON, nombra el tipo raíz y copia los bloques export interface generados — o descarga un archivo .ts.
¿Debo usar interface o type para formas de API?
Este convertidor emite bloques export interface, ideales para la mayoría de respuestas de API. Prefiere type cuando necesites uniones, mapped types o utility types después de pegar la salida en tu proyecto.
¿Los campos ausentes se marcan como opcionales?
Sí. Las claves que faltan en algunos objetos de un array se convierten en propiedades opcionales (?:). Los valores null en la muestra pueden aparecer como uniones con null — revísalos antes de confirmar los tipos.
¿Puedo nombrar la interfaz raíz?
Sí. Cambia el nombre de la interfaz raíz antes de copiar la salida.
¿Qué hago si mi JSON no es válido?
Corrígelo en el validador JSON y vuelve a convertir. Un JSON inválido no se puede inferir a TypeScript.
¿Se sube mi JSON?
No. La inferencia se ejecuta solo en tu navegador. Usa una muestra representativa para borradores; los contratos de producción siguen perteneciendo a OpenAPI o a tipos revisados a mano.
Consejos para mejores tipos generados
- Usa una muestra representativa para que se detecten los campos opcionales.
- Renombra las interfaces anidadas generadas si los nombres de clave son demasiado genéricos.
- Revisa las uniones de arrays mixtos antes de confirmar los tipos en el código.
- Valida la entrada incompleta en el validador JSON antes de convertir.