Convertidor JSON a TypeScript
Pega JSON y obtén interfaces de TypeScript al instante. 100% en tu navegador — los datos nunca salen de la página. interface o type, objetos anidados, arrays, campos opcionales. Gratis, sin registro.
Opciones
Creado y revisado por desarrolladores que trabajan con APIs tipadas a diario.
¿Qué es la conversión de JSON a TypeScript?
La conversión de JSON a TypeScript lee un valor JSON y genera definiciones de interface o type de TypeScript equivalentes — eliminando el código repetitivo escrito a mano para respuestas de API y archivos de configuración. Pega un payload y obtén tipos listos para producción en segundos, totalmente tipados para objetos anidados, arrays y campos opcionales.
Ejemplos
Respuesta de API
{"id":101,"name":"Ada Lovelace","email":"ada@example.com","active":true,"roles":["admin","user"]} Convierte una respuesta típica de usuario de una API REST en una interface tipada lista para usar en tu cliente.
Objetos anidados
{"order":{"id":"A-1","total":42.5,"customer":{"name":"Sam","vip":false}}} Los objetos anidados se convierten en interfaces separadas con nombre (Order, Customer) referenciadas por campo.
Array de objetos (campos opcionales)
{"users":[{"id":1,"nick":"x"},{"id":2}]} Las claves ausentes en algunos elementos del array se infieren como opcionales (nick?: string).
Valores mixtos y null
{"tags":["a","b"],"score":null,"meta":[1,"two"]} Los valores null y los arrays mixtos se tipan de forma honesta (null, (string | number)[]).
Payload estilo GitHub
{"login":"octocat","id":1,"public_repos":2,"plan":{"name":"pro","private_repos":50}} Las claves en snake_case se mantienen tal cual; el plan anidado se convierte en su propia interface.
Cómo convertir JSON a TypeScript
- 1
Pega tu JSON
Suelta un objeto JSON, un array o una respuesta de API en el campo de entrada. La conversión empieza al instante.
- 2
Ajusta la salida
Elige interface o type, define un nombre raíz, activa export y elige ?: o | null para los campos opcionales.
- 3
Copia o descarga
Llévate el TypeScript generado con un clic y pégalo directamente en tu base de código.
Cómo funciona la conversión
- Inferencia estructural
- Cada objeto se convierte en una interface con nombre; las formas idénticas se deduplican para que obtengas un solo tipo, no copias.
- Fusión de arrays
- Los arrays de objetos se fusionan clave a clave; las claves ausentes en algunos elementos se marcan como opcionales.
- 100% del lado del cliente
- El análisis y la generación se ejecutan en tu navegador sin llamadas de red, por lo que tus datos siguen siendo privados.
Consejos para tipos de TypeScript limpios
- Nombra tu tipo raíz
- Define un nombre raíz significativo (p. ej. User, ApiResponse) en lugar del Root predeterminado para un código legible.
- Prefiere opcional antes que null cuando los datos son escasos
- Usa ?: para campos que pueden estar ausentes y | null solo cuando la API devuelve null explícitamente.
Preguntas frecuentes
¿Cómo convierto JSON a una interface de TypeScript?
¿Debo usar type o interface para datos JSON?
interface es lo convencional para formas de objetos y da errores del editor algo mejores; type es práctico para uniones e intersecciones. Usa el selector de Salida para alternar entre ambos y conserva el que prefiera tu base de código. ¿Cómo se gestionan los objetos anidados y los arrays?
address produce una interface Address). Los arrays de objetos se fusionan en una única interface de elemento; los arrays de primitivos se convierten en arrays tipados como string[]. ¿Cómo se gestionan los campos opcionales y null?
?: (opcional) o | null (nullable explícito) con el selector de Campos opcionales. Los valores null literales se tipan como null. ¿Cómo genero tipos de TypeScript desde JSON automáticamente en VSCode?
¿Mis datos JSON son privados y seguros?
¿La herramienta es gratis? ¿Necesito una cuenta?
¿Puede detectar fechas o enums?
string (más seguro que adivinar). Los valores de cadena se tipan como string en lugar de uniones literales, por lo que la salida se mantiene estable a medida que cambian tus datos. Herramientas relacionadas
Ver todas las herramientas →Decodificador y Codificador Base64
Codificación y Formato
Decodifica y codifica Base64 online de forma gratuita. Conversión en tiempo real con soporte completo de UTF-8 y emojis. 100% privado — funciona en tu navegador. Sin registro.
Conversor de Base64 a Imagen
Codificación y Formato
Decodifica una cadena Base64 o data URI de vuelta a una imagen en tu navegador. Previsualiza, lee dimensiones y MIME, luego descarga como PNG, JPG, GIF, SVG. Sin subir.
Convertidor de CSV a JSON
Codificación y Formato
Convierte CSV a JSON en tu navegador. RFC 4180, inferencia de tipos, fila de cabecera, seguro para big-int. 100% privado, sin carga.
Conversor de .env a JSON
Codificación y Formato
Pega un archivo .env y obtén JSON al instante. Tus contraseñas, claves API y tokens nunca salen del navegador: 100% privado, sin subidas, gratis.
Decodificador de entidades HTML gratuito — Desescapar HTML
Codificación y Formato
Decodifica entidades HTML y desescapa HTML online: gratis, sin registro, 100 % en tu navegador. Convierte referencias nombradas, decimales y hex de vuelta en caracteres; nunca se sube.
Codificador de entidades HTML gratuito — Escapar HTML
Codificación y Formato
Codifica entidades HTML y escapa caracteres especiales (< > & " ') online: gratis, sin registro, 100 % en tu navegador. Salida con nombre, decimal o hex; nunca se sube.