0

Convertidor de JSON a TypeScript

Convierta JSON en interfaces TypeScript, escriba alias o un esquema Zod en vivo, con detección real de campos opcionales en matrices.

Procesando... 0%

Resultado

Escribir interfaces TypeScript a mano para una respuesta API JSON es lento y propenso a errores: los objetos anidados necesitan su propia interfaz, las matrices necesitan un tipo de elemento y un campo que a veces falta debe marcarse como opcional; si se pierde algo de eso, el compilador permanecerá en silencio mientras su código no está sincronizado con la forma de los datos reales.

Este convertidor hace ese trabajo por usted. Pegue cualquier objeto o matriz JSON y recorre la estructura de forma recursiva: un objeto anidado se convierte en su propia interfaz con nombre, una matriz de objetos obtiene una interfaz de elemento con campos comparados en cada elemento de esa matriz: un campo presente solo en algunos de ellos está marcado con un final ?, y un campo que a veces es nulo y a veces un valor aparece como una cadena adecuada | unión nula en lugar de uno u otro.

Un cambio de formato cambia solo cómo se imprime la misma estructura inferida: un bloque de interfaz, un alias de tipo o un esquema Zod creado a partir de llamadas z.object(), z.array() y z.union() con .optional() y .nullable() cuando se apliquen. Zod en sí es un paquete npm separado (npm install zod): esta herramienta solo escribe la fuente del esquema, no instala nada por usted.

Todo se ejecuta localmente en su navegador en el momento en que escribe o pega, sin botón de envío ni carga, lo cual es útil para cargas útiles que contienen datos reales de clientes. Para trabajar con el texto JSON en sí en lugar de sus tipos inferidos, consulte el formateador JSON para imprimirlo o minimizarlo y el validador JSON para identificar un error de sintaxis antes de convertir.