JSON → tipos de TypeScript

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

도구를 불러오는 중…

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

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 (?).

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

가격 보기카톡 무료 상담