Cómo Formatear y Validar JSON Sin Morir en el Intento
Blog de DevTools — Herramientas y guías gratuitas para desarrolladores
¿Por Qué el JSON Duele Tanto?
JSON (JavaScript Object Notation) es el formato estándar de intercambio de datos en la web. Prácticamente toda API REST devuelve JSON, los archivos de configuración modernos son JSON (o un dialecto), y las bases de datos documentales lo usan como formato nativo. Y sin embargo, pasar la tarde peleando con un JSON roto es una experiencia universal para cualquier desarrollador.
El problema no es el formato en sí, que es simple, sino el contexto en el que aparece: respuestas de APIs gigantes comprimidas en una sola línea, archivos de configuración editados a mano a las 2 de la mañana, o datos que viajaron por tres sistemas antes de llegar a ti. Un solo carácter mal ubicado invalida todo el documento.
Los 5 Errores de Sintaxis Más Comunes
Estos errores explican la gran mayoría de los JSON inválidos:
- Coma final:
{"a": 1,}es inválido. JavaScript lo tolera en objetos literales, pero JSON estricto no permite la coma antes del cierre. - Comillas simples:
{'clave': 'valor'}no es JSON. Las claves y los strings siempre van entre comillas dobles. - Claves sin comillas:
{clave: "valor"}parece válido porque JavaScript lo acepta, pero JSON exige comillas en todas las claves. - Comentarios: A diferencia de JavaScript o los archivos de configuración de VS Code, JSON no admite comentarios de ningún tipo. Ni
//ni/* */. - Datos truncados: Una respuesta cortada por timeout o límite de tamaño termina en medio de un objeto. El error suele reportarse como "unexpected end of input".
Formatear: Ver la Estructura al Instante
Cuando recibes una respuesta de API compactada tipo {"datos":[{"id":1,"nombre":"Ana","roles":["admin","editor"]},{"id":2,...}]}, tu cerebro no puede parsearla visualmente. Formatear el JSON aplica sangría y saltos de línea que convierten esa sopa de caracteres en una jerarquía legible: cada nivel de anidamiento se indenta, cada clave queda en su propia línea, y los arreglos se ven como listas.
Con nuestro formateador de JSON online pegas el texto, haces clic en Formatear y ves la estructura completa al instante, directamente en tu navegador. Si el JSON tiene errores, la validación te dice exactamente qué carácter está mal y en qué posición, en lugar del críptico mensaje de la consola.
Validar: Encontrar la Aguja en el Pajar
La validación es más que verificar que el texto parsea. Un buen flujo de validación incluye:
- Sintaxis: ¿El documento es JSON válido? Es el primer filtro y donde mueren la mayoría de los intentos.
- Estructura esperada: Que sea JSON válido no significa que tenga los campos que tu aplicación necesita. Tras validar sintaxis, revisa que existan las claves críticas y sus tipos.
- Valores extremos: Nulos inesperados, arreglos vacíos donde esperabas objetos, números convertidos a strings ("28" vs 28). Estos bugs silenciosos explotan semanas después.
Un consejo práctico: cuando una integración falla intermitentemente, formatea varias respuestas capturadas y compáralas. Casi siempre encontrarás que algún caso borde devuelve una estructura ligeramente distinta.
Minimizar: Menos Bytes, Respuestas Más Rápidas
La operación inversa también importa. Minimizar JSON elimina espacios, saltos y sangría innecesarios, reduciendo el tamaño típicamente entre un 10% y un 40% según la estructura. Para payloads que viajan por red o se almacenan masivamente, esa diferencia se traduce en latencia y costo.
Eso sí: minimiza para transportar, formatea para trabajar. El formato legible es para humanos; el compacto, para máquinas. Los servidores deberían enviar siempre JSON minimizado (idealmente comprimido con gzip encima), mientras que tú trabajas sobre la versión formateada.
Flujo de Trabajo Recomendado para Depurar APIs
- Captura la respuesta cruda desde la pestaña Network de las DevTools del navegador, Postman o curl.
- Pégala en el formateador y valida. Si hay error de sintaxis, ya sabes que el problema es del productor del dato, no de tu código.
- Navega la estructura identificando dónde viven los datos que necesitas y si existen casos vacíos o nulos.
- Compara con una respuesta exitosa usando un diff de textos para localizar diferencias estructurales.
- Documenta el esquema real que descubriste; te ahorrará la misma investigación dentro de tres meses.
JSON en Configuración: Cuándo Sí y Cuándo No
JSON funciona bien para configuración simple y machine-to-machine, pero tiene limitaciones conocidas: sin comentarios (imposible documentar inline), sin referencias ni variables, y sin trailing commas que faciliten diffs limpios. Por eso surgieron alternativas como YAML (más legible pero con indentación traicionera), TOML (excelente para configuración) o JSON5/JSONC (supersets con comentarios). Conocer las reglas estrictas de JSON puro te permite elegir conscientemente cuándo usar cada uno.
Empieza Ahora
Abre el JSON Formatter & Validator, pega ese archivo de configuración sospechoso o la última respuesta rara de tu API, y verás en segundos qué le pasa. Funciona 100% en tu navegador: nada de tus datos sale de tu máquina, algo importante cuando manejas payloads con información sensible. También puedes probarlo con este ejemplo: pega {"app":"devtools","herramientas":["json","base64"],"gratuito":true} y fórmalo para ver la magia.