Herramientas para Desarrolladores

JSON a TypeScript

Pega JSON y obtén interfaces de TypeScript limpias y anidadas con los tipos inferidos automáticamente.

Valora esta herramienta
JSON
TypeScript

Cómo usar JSON a TypeScript

  1. Pega un objeto o array JSON en el cuadro de la izquierda.
  2. Haz clic en «Generar interfaces».
  3. Copia el TypeScript directamente en tu proyecto.

Acerca de JSON a TypeScript

Este conversor de JSON a TypeScript lee una muestra de JSON —una respuesta de API, un archivo de configuración, un registro de base de datos— y escribe las definiciones de interface correspondientes con los tipos adecuados inferidos para cada campo. Los objetos anidados se convierten en sus propias interfaces, los arrays se tipan según su primer elemento y los primitivos se asignan a string, number o boolean. Te ahorra la tediosa y propensa a errores tarea de escribir a mano las estructuras de datos que ya tienes.

El tipado fuerte es una de las mayores razones para usar TypeScript, y partir de datos reales significa que tus tipos coinciden de verdad con lo que envía el servidor. Las interfaces generadas se exportan y quedan listas para pegar en un archivo .ts; a partir de ahí puedes renombrarlas, marcar campos como opcionales o repartirlas entre módulos como prefieras.

Todo funciona en tu navegador: tu JSON nunca se sube. Para ordenar el JSON primero, usa el formateador de JSON o compruébalo con el validador de JSON. ¿Necesitas una hoja de cálculo en lugar de tipos? Prueba JSON a CSV.

Preguntas frecuentes

¿Cómo decide los tipos?

Inspecciona los valores de tu JSON: el texto se convierte en string, los números en number, true/false en boolean y los objetos en sus propias interfaces.

¿Y los arrays con elementos mixtos?

El tipo se infiere del primer elemento, lo que cubre la mayoría de los datos reales de API. Puedes ampliarlo a una unión a mano si tu array realmente mezcla estructuras.

¿Se gestionan los valores null?

Un valor null se tipa como null. Quizá quieras cambiarlo a un campo opcional o anulable según tu API.