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 →Tabla ASCII y convertidor de caracteres
Codificación y Formato
La tabla ASCII completa: 128 caracteres en decimal, hexadecimal, octal y binario, más un convertidor texto ↔ ASCII. Cada carácter de control trae su secuencia de escape, su notación caret y dónde te lo encuentras.
Generador de Código de Barras — EAN-13, UPC-A y Code 128
Codificación y Formato
Genera EAN-13, UPC-A, Code 128, Code 39 y 11 tipos más de código de barras en SVG o PNG listo para imprimir. Escribe 12 dígitos y el dígito de control se completa solo; si te equivocas, te decimos cuál debería ser.
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.
Convertir Base64 a PDF y archivo · PDF a Base64
Codificación y Formato
Base64 a PDF online: pega Base64 puro, una data URI o la respuesta JSON completa. Detecta el tipo real del archivo, lo previsualiza y descarga, y avisa si el PDF está truncado. También PDF a Base64. No se sube nada.
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.