🛝Toolio
Acerca de Contacto

🔷 JSON a TypeScript -- Generador de Interfaces Instantáneo, Gratis y sin Conexión

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, ejecutándose 100% en tu navegador. Los objetos anidados se convierten en interfaces anidadas, los arrays de objetos se fusionan en una única forma tipada con campos opcionales, y los arrays de tipos mixtos producen tipos unión automáticamente.

Privado por diseño. Esta herramienta funciona por completo en tu navegador: nada de lo que introduces se sube ni se guarda, y funciona sin conexión.

Acerca de

Este conversor JSON a TypeScript usa un recorredor de inferencia de tipos puro en el lado del cliente, sin librerías 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 unión como (string | number)[]. Puedes elegir entre la salida interface o alias de tipo, y establecer el nombre de la interfaz raíz. Todo el trabajo permanece en tu navegador; tus datos JSON nunca se envían 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 raíz (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 raíz 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.
¿Cómo 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 algún elemento se marcan como opcionales con ?.
¿Cuál 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 (más flexibles, admiten primitivos y unions en el nivel raíz). Ambos producen resultados equivalentes para formas de objeto.
¿Puede manejar JSON profundamente anidado?
Sí. 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 más profundo primero) para que el TypeScript compile sin errores de referencia anticipada.
¿Qué pasa si mi array JSON contiene tipos mixtos como strings y números?
Los arrays de tipos mixtos producen un tipo unión. Por ejemplo, [1, 'hello', true] se convierte en (number | string | boolean)[]. Si el array tiene un solo tipo consistente, no se necesita unión.