JSON → tipos de TypeScript

Pega un ejemplo de JSON y genera automáticamente definiciones interface o type

Al pegar un ejemplo de JSON, como la respuesta de una API o un archivo de configuración, se crean automáticamente las definiciones interface o type de TypeScript que corresponden a su estructura. Los objetos anidados se separan en tipos propios, las claves de los objetos dentro de arrays se combinan y los valores que solo aparecen en algunos se marcan como propiedades opcionales (?).

도구를 불러오는 중…

🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.

Cómo usar

  1. Pega el ejemplo de JSON que quieres convertir en el cuadro de entrada.
  2. Define el nombre del tipo de nivel superior y elige entre declaración interface o type.
  3. Si lo necesitas, activa «Añadir la palabra clave export» para obtener una forma exportada.
  4. Revisa las definiciones de tipo generadas y pégalas en tu código con «Copiar tipo».

Preguntas frecuentes

¿Procesa también objetos y arrays anidados?
Sí. Los objetos anidados se separan en un interface propio cada uno, y en los arrays de objetos se combinan las claves de los elementos en un tipo; las claves que solo aparecen en algunos elementos se marcan como opcionales (?). Si un valor tiene varios tipos, se representa como unión (|).
¿Debo elegir interface o type?
Para la mayoría de las formas de objeto, interface es una opción segura por su facilidad de ampliación y fusión. Si necesitas un alias de unión o lo prefieres, puedes elegir type, y siempre puedes volver a generar el resultado.
¿El JSON introducido se envía a un servidor?
No. El análisis del JSON y la generación de tipos se ejecutan por completo en el navegador, y el contenido introducido no se envía ni se guarda en un servidor.

← Volver a todas las herramientas

Ver preciosConsulta gratis