JSON a TypeScript

Convierte objetos y arrays JSON a interfaces TypeScript online. Tipos nombrados anidados, campos opcionales y nullables, salida instantánea.

El código generado aparecerá aquí…

Todo se ejecuta localmente en tu navegador. Tu JSON nunca se sube ni se almacena.

¿Qué es un conversor de JSON a TypeScript?

Un conversor de JSON a TypeScript transforma una muestra de JSON en interfaces listas para usar. Pega una respuesta real de una API y obtén modelos tipados al instante: ideal para clientes de API, mocks y archivos de configuración. Todo funciona en tu navegador.

Cómo generar TypeScript desde JSON

Pega tu JSON, define opcionalmente el nombre de la interfaz raíz y el código aparece a la derecha en tiempo real. Pulsa Copiar y añade las interfaces a tu proyecto.

Cómo se infieren los tipos

Las cadenas se mapean a string, los números a number y los booleanos a boolean. Los objetos anidados se convierten en interfaces con nombre, los arrays de objetos se fusionan en una interfaz de elemento y los arrays con tipos primitivos mezclados se convierten en uniones como string | number.

Opcionales, nullables y nombres

Las propiedades ausentes en algunos elementos del array se emiten como opcionales (prop?), los null explícitos añaden | null, y el nombre raíz que escribas se reutiliza en todos los nombres anidados, p. ej. ApiResponseItem.

Preguntas frecuentes

¿Cómo convierto JSON a interfaces de TypeScript?+
Pega un objeto o array JSON en el cuadro de entrada. Las interfaces se generan al instante: los objetos anidados se convierten en interfaces con nombre, los arrays se fusionan en un único tipo de elemento y puedes copiarlo todo con un clic.
¿Cómo se manejan los objetos y arrays anidados?+
Cada objeto anidado se convierte en su propia interfaz exportada nombrada según su clave; por ejemplo, items dentro de Root se convierte en RootItem. Los arrays de objetos se fusionan conservando las propiedades compartidas, y las propiedades ausentes en algunos elementos se marcan como opcionales.
¿Qué pasa con los valores ausentes o nulos?+
Una propiedad ausente en algunos elementos del array recibe el modificador opcional (?), y los null explícitos añaden | null al tipo, de modo que las interfaces coinciden con lo que la API realmente devuelve.
¿Se sube mi JSON a un servidor?+
No. Toda la conversión se ejecuta localmente en tu navegador; nada se envía, almacena ni registra.

Herramientas relacionadas

Formateador JSONJSON a CSVJSON a YAML

JSON a TypeScript — json a typescript, json to ts, json a interface, generador de interfaces typescript, convertir json a typescript, typescript desde json, tipos typescript desde json, json a ts, json a interface online, convertir json a typescript gratis online gratis. Sin registro. Funciona en tu navegador.