Convertir JSON a TypeScript

Para convertir JSON a TypeScript, pega abajo datos de ejemplo: la herramienta genera interfaces o tipos con objetos anidados, arrays y campos opcionales – o un esquema JSON. Tus datos se quedan en el navegador.

Fuente: TypeScript Handbook – Object Types (interfaces, optional properties, readonly). Actualizado: 2 de octubre de 2026.

JSON

Salida

Nombre del tipo raíz

Objetos anidados como tipos propios

Poner export delante de cada tipo

Campos como readonly

Sangrado

Mi caja de herramientas

Resultado

Resultado: export interface Root { id: number; name: string; email: null; tags: string[]; address: Address; orders: Order[]; active: boolean; } export interface Address { street: string; zip: string; } export interface Order { no: number; total: number; voucher?: string; }
Resumen: 3 tipos generados a partir de 217 caracteres de JSON.; Solo se deduce lo que aparece en los datos de ejemplo: un campo que nunca fue null no se reconoce como anulable; los campos que no están en todos los objetos pasan a ser opcionales (?).

Cómo se calcula

Convertir JSON a TypeScript significa deducir los tipos adecuados a partir de datos de ejemplo. {"id": 1, "name": "Anna"} se convierte en una interfaz con id: number y name: string. La herramienta lee tu JSON en tu navegador, une los objetos de la misma clase y escribe los tipos como código fuente – sin subir nada.

Cómo funciona

Pega el JSON en el campo, por ejemplo una respuesta de una API.
Elige la salida: interfaces, tipos (type) o esquema JSON. Ajusta nombres, export, readonly y sangrado a tu gusto.
Copia el resultado y pégalo en tu proyecto.

Cómo se forman los tipos

Números, texto, booleanos: number, string, boolean (integer o number en el esquema).
Arrays: se unen todos los elementos. Elementos mixtos dan uniones como (string | number)[]; un array vacío pasa a unknown[].
Objetos: los campos que no están en todos los objetos llevan un signo de interrogación (opcional). Los objetos con la misma forma comparten un tipo.
Nombres: los objetos anidados se llaman como su clave en PascalCase, en singular para arrays (orders → Order). Las claves como "e-mail" van entre comillas.

Límites

El resultado es un borrador: compruébalo con la documentación de la interfaz, porque unos datos de ejemplo no muestran todos los casos posibles.

Solo datos de ejemplo: de ellos no se pueden deducir rangos de valores, enumeraciones ni formatos de fecha (los textos de fecha siguen siendo string).
Hasta 500.000 caracteres y 200 niveles de profundidad; los números JSON no distinguen int de float, y el esquema usa integer solo si todos los valores de ejemplo son enteros.

Privacidad

El JSON no sale de tu navegador. Para seguir: formatear JSON, CSV a JSON o YAML a JSON.

Preguntas frecuentes

¿Cómo convierto JSON a TypeScript?

Pega el JSON y elige «Interfaces de TypeScript»: la herramienta genera interfaces con todos los campos, tipos anidados y arrays. Cópialas en tu proyecto.

¿Interface o type: cuál es mejor?

Ambos describen la misma forma. Las interfaces se pueden ampliar y suelen dar mejores mensajes de error; type es más flexible con uniones. La herramienta genera lo que prefieras.

¿Cómo detecta la herramienta los campos opcionales?

Un campo que falta en un objeto pero aparece en otro lleva un signo de interrogación. Para eso se unen varios objetos de un array.

¿También puedo generar un esquema JSON?

Sí, elige «Esquema JSON (2020-12)». El esquema contiene tipos, propiedades anidadas y la lista de campos obligatorios.

¿Se sube mi JSON a algún sitio?

No. Los tipos se crean por completo en tu navegador.

Fuentes y base legal

Última actualización: 2 de octubre de 2026 · Principios editoriales