0

Conversor de JSON a TypeScript

Convierte JSON en interfaces, alias de tipo o un esquema Zod de TypeScript al instante, con detección real de campos opcionales en arrays.

🔒 Procesado íntegramente en su navegador: nada de lo que ingresa aquí se carga nunca.

Procesando... 0%

Resultado

Escribir interfaces de TypeScript a mano para la respuesta de una API JSON es lento y propenso a errores: los objetos anidados necesitan su propia interfaz, los arrays requieren un tipo para sus elementos y un campo que a veces falta debe marcarse como opcional; si se te escapa algo de esto, el compilador no te avisará mientras tu código pierde sincronía con la estructura real de los datos.

Este conversor hace ese trabajo por ti. Pega cualquier objeto o array JSON y recorre la estructura de forma recursiva: un objeto anidado se convierte en su propia interfaz con nombre, un array de objetos obtiene una interfaz para sus elementos con los campos comparados entre todos los elementos de ese array; un campo presente solo en algunos se marca con un ? al final, y un campo que a veces es null y a veces un valor se convierte en una unión correcta del tipo string | null, en lugar de elegir solo uno.

Un selector de formato cambia únicamente la manera de imprimir la misma estructura inferida: bloque de interfaz, alias de tipo o un esquema Zod compuesto por llamadas a z.object(), z.array() y z.union() con .optional() y .nullable() donde correspondan. Zod en sí es un paquete npm independiente (npm install zod); esta herramienta solo escribe el código fuente del esquema, no instala nada en tu sistema.

Todo se ejecuta localmente en tu navegador en el momento en que tecleas o pegas, sin botón de envío y sin subir nada, algo muy práctico para contenidos con datos reales de clientes. Si necesitas trabajar con el texto JSON en sí en lugar de con sus tipos inferidos, consulta el formateador de JSON para embellecerlo o minificarlo y el validador de JSON para localizar un error de sintaxis antes de convertir.