TSJSON → TypeScript
El sistema de tipos estáticos de TypeScript requiere que definas interfaces o tipos para tus estructuras de datos. Escribir esto a mano a partir del JSON de respuesta de una API es tedioso, especialmente con objetos profundamente anidados. Esta herramienta genera automáticamente interfaces o alias de tipos de TypeScript a partir de cualquier carga útil JSON.
Cómo usar
- 1Pegar JSON
Pega el JSON que deseas convertir a la izquierda. Haz clic en 'Cargar ejemplo' para probar una muestra con objetos y arreglos anidados.
- 2Configurar opciones
Establece el nombre de la interfaz raíz, el estilo de salida (interfaz o alias de tipo), si se incluye la palabra clave export y cómo manejar los valores nulos.
- 3Copiar resultado
Revisa el TypeScript generado a la derecha y haz clic en el botón de copiar para usarlo en tu proyecto.
Consejos
- 💡Los objetos JSON anidados se convierten automáticamente en interfaces o tipos con nombre independientes.
- 💡Los campos con valores nulos se tipan como 'T | null' cuando la opción de nulos está activada, manteniendo tu código seguro contra nulos.
- 💡Los arreglos vacíos ([]) producen unknown[] — actualiza el tipo manualmente una vez que conozcas la forma del elemento.
- 💡Pega un JSON de respuesta de API para estructurar instantáneamente el tipo de respuesta para tu proyecto TypeScript.
Preguntas frecuentes
- Q. ¿Qué ventajas tiene generar interfaces TypeScript desde JSON?
- A. Permite detectar errores en tiempo de compilación, habilita el autocompletado del IDE y hace el refactoring más seguro.
- Q. ¿Genera interface o type?
- A. Genera declaraciones interface por defecto. Se puede cambiar a type según las necesidades. La diferencia principal es que interface soporta fusión de declaraciones.
- Q. ¿Cómo se convierten los arrays del JSON?
- A. Los arrays JSON se convierten a T[] o Array<T>. Si el array está vacío, el tipo es unknown[] o any[].