JSON a interfaz TypeScript
Funciona localmente en el navegador. Nada sale de su dispositivo.Infiere interfaces TypeScript y type aliases desde ejemplos JSON localmente.
Entrada
Una propiedad faltante no es lo mismo que una propiedad presente con nulo.
Salida
Pegue un JSON válido para generar tipos de TypeScript.
Pegue un JSON válido para generar tipos de TypeScript.
Cómo funciona
- 1
Pega un ejemplo JSON
Pega un ejemplo JSON representativo.
- 2
Elige el estilo de declaración y las opciones
Elige interface o type, la notación de array, readonly y el nombre raíz.
- 3
Copiar o descargar el TypeScript
Copia el código TypeScript generado o descárgalo.
Conviene saber
El generador JSON a interfaz TypeScript deriva tipos a partir de ejemplos JSON, como interface o type alias.
Una propiedad ausente no es lo mismo que una propiedad presente con null.
Casos de uso típicos
Derivar tipos de una respuesta de API para un frontend
Pega una respuesta de API de ejemplo para obtener rápidamente una interfaz TypeScript.
Tipar solo una parte de un gran payload de webhook
Usa un JSON Pointer como /data/users para tipar solo la subárbol relevante.
Consejos para mejores resultados
Revisa técnicamente propiedades ausentes vs. null
Comprueba si “opcional con undefined” refleja la semántica correcta.
Usa varios ejemplos para tipos más completos
Prueba con varios ejemplos representativos para no pasar por alto campos raros.
Funciones
Interface o type alias
Genera tipos de objeto como interface o type alias.
Readonly y ReadonlyArray
Genera propiedades readonly y tipos ReadonlyArray.
Procesamiento local
Tus datos nunca salen de tu dispositivo.
Preguntas frecuentes
¿Los tipos derivados son siempre totalmente correctos?
No, son una instantánea de los ejemplos; revisa campos opcionales y variantes.
¿Se suben mis datos?
No. La derivación es totalmente local.
Más herramientas
¿Buscas otra herramienta?
Todas las herramientas funcionan localmente en tu navegador: sin registro, sin subidas y también sin conexión.