¿Qué formatos de salida TypeScript se admiten?

Puedes generar interfaces o alias de tipo TypeScript. Las interfaces son la opción por defecto y la más habitual para describir objetos, mientras que los alias de tipo ofrecen más flexibilidad.

¿Cómo se gestionan los arrays?

Los arrays se infieren a partir de todos sus elementos: si todos son del mismo tipo obtienes string[] o number[], los arrays mixtos dan una unión como (string | number)[], y los objetos de un array se fusionan en una sola interfaz: un campo que falta en algunos elementos pasa a ser opcional (campo?: tipo).

¿El procesamiento se hace localmente?

Sí. Tu JSON se analiza y se convierte por completo en tu navegador. No se envía nada a ningún servidor.

¿Puedo personalizar el nombre de la interfaz raíz?

Sí. Escribe un nombre en el campo "Nombre raíz". Por defecto es "Root", pero puedes cambiarlo para que encaje con tu modelo de dominio.

¿Qué pasa con los valores null?

Un campo que es null en la muestra se convierte en una unión con null (p. ej. email: string | null cuando otros elementos tienen un string). Un campo que falta en algunos elementos de un array se marca como opcional con ?.

¿Puedo convertir respuestas de una API?

Por supuesto. Pega cualquier respuesta JSON de una API y obtén al instante los tipos TypeScript correspondientes. Ideal para tipar llamadas fetch y clientes de API.

¿Funciona en el móvil?

Sí. El editor funciona en cualquier tamaño de pantalla. En el móvil, los paneles se apilan verticalmente para editar con comodidad.

JSON → TS · 100 % local

JSON a TypeScript

Q: ¿Gestiona objetos anidados?

Sí. Cada objeto anidado se extrae en su propia interfaz o tipo con nombre, y el padre lo referencia por ese nombre. Así el resultado queda limpio y reutilizable.

Pega datos JSON y conviértelos en interfaces o alias de tipo TypeScript. Admite objetos anidados, arrays y todos los tipos JSON.

100 % local

Salida

Nombre raíz

Entrada241 caracteres · 13 líneas

Resultado235 caracteres · 16 líneas

export interface Root {
  id: number;
  name: string;
  email: string;
  isActive: boolean;
  address: Address;
  tags: string[];
  scores: number[];
}

export interface Address {
  street: string;
  city: string;
  zipCode: string;
}

Más información

Todo sobre JSON a TypeScript

¿Por qué usar una herramienta de JSON a TypeScript?

Pega datos JSON y genera al instante interfaces o alias de tipo de TypeScript. Gestiona objetos anidados, arrays y tipos primitivos. 100 % en tu dispositivo. Tanto para proyectos personales como para el trabajo o tareas puntuales, nuestra herramienta en el navegador lo resuelve al instante, sin instalación, sin registro y sin subir archivos a servidores externos. Todo se ejecuta localmente en tu navegador para una velocidad y una privacidad máximas.

Usos habituales

Tipar la respuesta de una API a partir de un ejemplo real en lugar de escribir las interfaces a mano. Crear los tipos de un archivo de configuración o de datos de prueba. Empezar rápido la integración de un servicio externo en un proyecto TypeScript. Detectar los campos opcionales o de tipos mixtos en una muestra de datos. Documentar estructuras de datos para el equipo. Prototipar con datos de ejemplo sin configurar herramientas.

Funciones y detalles técnicos

Todo el procesamiento se hace en tu navegador: no se sube ningún archivo a ningún servidor, lo que garantiza una privacidad total. Resultados al instante con vista previa en tiempo real mientras escribes o pegas. Admite los formatos estándar y los casos límite (Unicode, caracteres escapados, estructuras anidadas). Copia el resultado al portapapeles en un clic. Importa desde archivos o pega directamente. Gestiona entradas grandes (más de 100 KB) sin problemas de rendimiento. Interfaz compatible con el modo oscuro, pensada para el trabajo de desarrollo.

Cómo funciona

Cómo convertir JSON a TypeScript

Pega tu JSON
Pega los datos JSON en el panel de la izquierda. Hay datos de ejemplo para empezar.
Elige el formato de salida
Selecciona el modo "interface" o alias "type". Si quieres, define un nombre raíz personalizado.
Convierte y copia
Los tipos TypeScript se actualizan mientras escribes (puedes desactivar el export). Cópialos o descarga un archivo .ts.

Guías prácticas

Consejos y guías

¿Por qué tipar tu JSON?

Las interfaces TypeScript detectan errores en tiempo de compilación al comprobar que tu código coincide con la forma de tus datos. Convertir las respuestas de una API en tipos significa menos errores en ejecución.

En lugar de escribir a mano los tipos de respuestas de API complejas y anidadas, pega la respuesta y obtén tipos precisos en segundos.

Consejo pro

100 % privado

Tus datos JSON se quedan en tu navegador. No se sube, no se guarda y no se rastrea nada.

Seguro para convertir respuestas de API sensibles o estructuras de datos internas.

Privacidad

Preguntas frecuentes

Todo lo que necesitas saber para convertir JSON a TypeScript