Genera interfaces de TypeScript a partir de un ejemplo JSON, con tipos anidados, arrays y campos opcionales. Se ejecuta en tu navegador.
Cómo usar JSON a TS
Pega un objeto o array JSON.
Si quieres, define el nombre de la interfaz raíz.
Copia las interfaces de TypeScript generadas.
Es un generador de JSON a TypeScript que infiere un conjunto de interfaces a partir de un objeto o array JSON de ejemplo, para que puedas pegar una respuesta de una API y obtener tipos listos para usar en lugar de escribirlos a mano.
Ahorra mucho tiempo cuando consumes una API o un archivo de configuración: pega una respuesta, nombra opcionalmente la interfaz raíz, y copia TypeScript limpio directamente a tu código.
La generación se ejecuta enteramente en tu navegador, así que tus datos nunca salen de tu dispositivo, lo que importa cuando la muestra contiene valores reales.
Maneja las formas del mundo real: los objetos anidados se convierten en sus propias interfaces con nombre referenciadas desde el padre, los arrays de objetos se fusionan en una sola interfaz, y se producen tipos de unión donde los valores varían.
Cuando los objetos de un array no tienen todos las mismas claves, las claves que faltan en algunos elementos se marcan como opcionales con un signo de interrogación, lo que coincide con cómo se comportan los datos en realidad y mantiene los tipos honestos.
Un punto importante: infiere una forma a partir de la única muestra que le das, en lugar de imponer un esquema. Si un campo a veces es null o está ausente en los datos reales pero no en tu muestra, el tipo generado no lo sabrá, así que usa un ejemplo representativo.
Preguntas frecuentes
Cada objeto anidado se convierte en su propia interface con nombre, referenciada desde su padre, así que el resultado es limpio y reutilizable.
Los arrays de objetos se combinan en una sola interface, y las claves que faltan en algunos elementos se marcan como opcionales. Los arrays de primitivos mezclados se convierten en un tipo de elemento de unión.
No. Los tipos se generan por completo en tu navegador, así que tus datos nunca salen de tu dispositivo.
Infiere la forma a partir de la muestra que pegas, no valida contra un esquema. Usa un ejemplo representativo para que se capturen los campos opcionales o que pueden ser null.
Primitivos string, number, boolean y null, interfaces anidadas para los objetos, arrays tipados, propiedades opcionales para las claves que no siempre están presentes y uniones para los valores mezclados.
Insertar esta herramienta
Añade esta herramienta a tu propio sitio web. Copia el fragmento de abajo. Se mantiene actualizado automáticamente.
<iframe src="https://monu.tools/embed/es/json-to-typescript" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Herramientas relacionadas
Formatea, embellece y valida JSON online con mensajes de error claros para entradas no válidas.
Minifica y valida JSON en tu navegador, y mira cuántos bytes ahorras.
Convierte JSON a CSV y CSV de vuelta a JSON, en ambos sentidos. Elige el delimitador, maneja campos entre comillas y copia el resultado. Todo se ejecuta en tu navegador.
Convierte YAML a JSON y JSON a YAML, en ambos sentidos. Valida al convertir y muestra errores claros. Todo se ejecuta en tu navegador.