Monu Tools

JSON a TypeScript

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

  1. 01

    Pega un objeto o array JSON.

  2. 02

    Si quieres, define el nombre de la interfaz raíz.

  3. 03

    Copia las interfaces de TypeScript generadas.

Qué hace el generador

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.

Cómo maneja las formas del mundo real

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.

Campos opcionales en arrays mixtos

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.

Infiere, no impone un esquema

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

¿Cómo se manejan los objetos anidados?

Cada objeto anidado se convierte en su propia interface con nombre, referenciada desde su padre, así que el resultado es limpio y reutilizable.

¿Y los arrays con formas distintas?

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.

¿Se sube mi JSON a algún sitio?

No. Los tipos se generan por completo en tu navegador, así que tus datos nunca salen de tu dispositivo.

¿Impone un esquema o infiere uno?

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.

¿Qué tipos produce?

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.

Fuentes

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