JSON a TypeScript
Genera interfaces de TypeScript desde cualquier JSON — objetos anidados, arrays y uniones, listas para pegar.
root must be a JSON object
Esta herramienta funciona por completo en tu navegador. Tus datos nunca salen de tu dispositivo y no se suben a ningún servidor.
Cómo usarlo
- 1Pega tu JSON (una respuesta de API funciona bien).
- 2Cambia el nombre de la interfaz raíz si quieres otro distinto de Root.
- 3Copia las interfaces generadas a tu proyecto.
JSON a TypeScript
Pega una respuesta JSON y obtén interfaces tipadas al instante: los objetos anidados se convierten en interfaces con nombre, los arrays de objetos se fusionan en una forma, los arrays mixtos se vuelven uniones. El nombre raíz es configurable.
Pensado para trabajo con APIs: pega una respuesta, copia los tipos y deja que el compilador vigile los cambios de forma.
Preguntas frecuentes
¿Cómo se manejan los arrays?
Los arrays de objetos fusionan las claves de todos los elementos en una interfaz. Los arrays de tipos mixtos se convierten en uniones como string | number. Los arrays vacíos degradan a unknown[].
¿Todos los campos son obligatorios?
Sí: una sola muestra no prueba opcionalidad, así que todo es requerido. Marca tú los campos opcionales donde tu API lo permita.
Herramientas relacionadas
Formateador JSON
Formatea y embellece JSON desordenado en línea: 2 espacios, 4 espacios o tabulaciones, con validación instantánea y errores localizados al carácter.
Todas las herramientas →
Validador JSON
Valida JSON al instante con línea y columna exactas del error. Detecta comas ausentes, claves sin comillas, comas finales y escapes inválidos.
Todas las herramientas →
JSON Diff
Compara dos JSON ruta por ruta — claves añadidas, eliminadas y modificadas con valores antes/después, todo local.
Todas las herramientas →
Consulta JSON Path
Extrae cualquier valor de JSON con una ruta como $.user.name o $.items[0].id — instantáneo, tolerante, sin aprender jq.
Todas las herramientas →
Convertidor JSON ⇄ YAML
Convierte JSON a YAML y viceversa — listo para archivos de configuración, con cambio de dirección y errores precisos.
Todas las herramientas →
Insertar esta herramienta
Pon esta herramienta en tu sitio con una línea: se ejecuta en el navegador del visitante.
<iframe src="https://zoyku.com/es/tools/json-to-typescript?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — json-to-typescript" loading="lazy"></iframe>