🛝Toolio
Todas las herramientas Acerca de Contacto

🔷 JSON a TypeScript -- Generador de Interfaces Instantaneo, Gratis y sin Conexion

Pega cualquier objeto o array JSON y esta herramienta genera al instante definiciones de interfaz (o alias de tipo) TypeScript -- completamente gratis, sin login, sin subida de datos, ejecutandose 100% en tu navegador. Los objetos anidados se convierten en interfaces anidadas, los arrays de objetos se fusionan en una unica forma tipada con campos opcionales, y los arrays de tipos mixtos producen tipos union automaticamente.

Acerca de

Este conversor JSON a TypeScript usa un recorredor de inferencia de tipos puro en el lado del cliente, sin librerias externas ni llamadas al servidor. Visita recursivamente cada nodo del JSON: los valores primitivos se asignan a string, number, boolean o null; los objetos anidados generan interfaces hijas con nombre; los arrays de objetos fusionan las formas de todos los elementos para que las claves ausentes en algunos se vuelvan opcionales (key?: Type); los arrays de tipos mixtos producen tipos union como (string | number)[]. Puedes elegir entre la salida interface o alias de tipo, y establecer el nombre de la interfaz raiz. Todo el trabajo permanece en tu navegador; tus datos JSON nunca se envian a ninguna parte.

Cómo usar

  1. Pega tu JSON en el campo de entrada -- objetos, arrays o estructuras anidadas funcionan bien.
  2. Establece el nombre de la interfaz raiz (predeterminado: RootObject) y elige interface o alias de tipo.
  3. Haz clic en Convertir a TypeScript (o presiona Ctrl+Enter) para generar las definiciones al instante.
  4. Revisa la salida TypeScript -- las interfaces anidadas aparecen primero y la raiz al final.
  5. Haz clic en Copiar para copiar el resultado al portapapeles y pegarlo directamente en tu proyecto TypeScript.

Preguntas frecuentes

Esta herramienta sube mi JSON a un servidor?
No. Todo el procesamiento ocurre completamente en tu navegador con JavaScript. Tu JSON nunca sale de tu dispositivo.
Como maneja los arrays de objetos con formas distintas?
Todas las formas de los elementos se fusionan en una interfaz. Las claves presentes en todos los elementos son requeridas; las que faltan en algun elemento se marcan como opcionales con ?.
Cual es la diferencia entre los modos de salida interface y type?
interface usa declaraciones interface de TypeScript (ampliables, preferidas para formas de objeto). type usa alias de tipo (mas flexibles, admiten primitivos y unions en el nivel raiz). Ambos producen resultados equivalentes para formas de objeto.
Puede manejar JSON profundamente anidado?
Si. El recorredor de tipos es completamente recursivo -- cada objeto anidado genera su propia interfaz con nombre, y las interfaces se generan en orden de dependencia (el mas profundo primero) para que el TypeScript compile sin errores de referencia anticipada.
Que pasa si mi array JSON contiene tipos mixtos como strings y numeros?
Los arrays de tipos mixtos producen un tipo union. Por ejemplo, [1, 'hello', true] se convierte en (number | string | boolean)[]. Si el array tiene un solo tipo consistente, no se necesita union.