Que hace esta herramienta
El Convertidor de JSON a TypeScript transforma JSON sin procesar en interfaces de TypeScript listas para usar. Usa un editor de dos paneles: pega un objeto o array a la izquierda y genera una interfaz tipada llamada Root a la derecha en cuanto escribes, ademas de interfaces separadas para cualquier objeto anidado que encuentre. No hay ningun boton Convertir, y si el JSON no es valido un mensaje claro en linea muestra que corregir. Cuando las interfaces lucen bien, puedes copiarlas o descargarlas como un archivo .ts. Esta pensado para desarrolladores de frontend y backend que trabajan con respuestas de API, archivos de configuracion o cargas de ejemplo y que quieren un tipado solido sin escribir cada interfaz a mano.
Como usarla
- Pega o escribe tu JSON en el panel izquierdo, o haz clic en Cargar ejemplo para insertar un objeto de muestra con claves entre comillas y corchetes equilibrados.
- Las interfaces de TypeScript aparecen en el panel derecho al instante mientras escribes, asi que no hay nada que pulsar para generarlas.
- Si el JSON no es valido, un error en linea explica el problema, como una coma final o una comilla simple. Corrige la entrada y las interfaces reaparecen enseguida.
- Usa Copiar para obtener el resultado, o Descargar para guardarlo como un archivo
.ts, y luego llevalo directo a tu proyecto. Limpiar vacia ambos paneles cuando quieras empezar de nuevo.
Un ejemplo rapido
Pega esto:
{"id":1,"name":"Ada","address":{"city":"Paris"}}
Obtienes una interfaz Root con id tipado como number y name tipado como string, mas una interfaz anidada Address que contiene city como string. Cada objeto anidado se convierte en su propia interfaz, lo que mantiene la salida legible y facil de reutilizar en todo tu codigo. Un error frecuente son las comas finales o las comillas simples, que son validas en JavaScript pero no en JSON, asi que limpialas primero si el convertidor reporta un problema.
Esta herramienta se ejecuta por completo en tu navegador. Es privada, gratuita y no necesita registro.
Preguntas frecuentes
- Como elige el convertidor los tipos de cada campo?
- Lee el valor de cada clave e infiere el tipo de TypeScript correspondiente, de modo que los numeros se convierten en number, el texto en string y true o false en boolean. Los objetos se convierten en sus propias interfaces con nombre.
- Puede manejar objetos y arrays anidados?
- Si. Cada objeto anidado obtiene su propia interfaz con el nombre de su clave, y los arrays se tipan a partir de los elementos que contienen. El nivel superior siempre se llama Root.
- Que pasa si mi JSON no es valido?
- La herramienta muestra un mensaje claro en linea en lugar de las interfaces, asi que una coma final, una comilla simple o un corchete que falta se senala de inmediato. Corrige la entrada y las interfaces reaparecen al instante en el panel derecho.
- Puedo cargar datos de ejemplo para probarlo?
- Si. El boton Cargar ejemplo rellena la entrada con un pequeno objeto JSON para que veas las interfaces generadas de inmediato y partas de un ejemplo que funciona.
- Puedo copiar o descargar las interfaces?
- Si. Usa el boton Copiar para poner el TypeScript en el portapapeles, o el boton Descargar para guardarlo como un archivo .ts. Un boton Limpiar vacia ambos paneles para empezar de nuevo.
- Se sube mi JSON a algun lugar?
- No. La conversion se ejecuta por completo en tu navegador, asi que tus datos nunca salen de tu dispositivo y nada se almacena ni se envia a un servidor.