JSON formatter
Formatea y valida JSON al instante.
{
"nombre": "Ana",
"edad": 30,
"activo": true,
"hobbies": [
"leer",
"programar"
]
}Qué hace esta herramienta
JSON (JavaScript Object Notation) es el formato de texto que se ha convertido en el estándar de facto para intercambiar datos estructurados: lo devuelve la inmensa mayoría de APIs REST y lo usan ficheros de configuración como package.json o tsconfig.json. Es legible por humanos, pero cuando llega como una sola línea sin espacios (lo habitual en la respuesta de un servidor) es casi imposible de leer a simple vista.
Pega cualquier JSON y se valida y formatea automáticamente con la indentación que elijas, usando el mismo JSON.parse nativo del navegador que usaría tu propio código, así que valida exactamente la misma sintaxis que en producción. Si tiene un error (una coma de más, comillas simples en vez de dobles, una clave sin comillas), se muestra el mensaje y la posición exacta donde falla el análisis. También puedes minificar el JSON de entrada (quitar todos los espacios) con el botón correspondiente.
Se usa a diario para inspeccionar la respuesta de una API durante una depuración, revisar por qué un fetch() lanza un error de parseo, o reducir el peso de un archivo de configuración antes de guardarlo o enviarlo.
Ejemplo práctico
Si pegas {"nombre": "Ana",} (con una coma sobrante antes de la llave de cierre) verás un error de sintaxis señalando esa posición: es uno de los fallos más habituales al escribir JSON a mano. El JSON de ejemplo precargado en esta página, en cambio, es válido y se reordena en varias líneas legibles al formatearlo.
Preguntas frecuentes
¿Por qué mi JSON da error si esa misma sintaxis funciona en JavaScript?
Porque JSON es más estricto que un objeto de JavaScript: no admite comillas simples, comas finales sobrantes ni claves sin comillas. Es un formato de texto con reglas fijas, no código ejecutable.
¿Qué significa "minificar" un JSON?
Quitar todos los espacios y saltos de línea innecesarios sin cambiar el contenido, dejándolo en el mínimo número de caracteres posible. Reduce el peso del archivo antes de enviarlo o guardarlo.
¿Qué diferencia hay entre indentar con 2 o 4 espacios?
Ninguna en el contenido, solo en la lectura visual. 2 espacios es el estándar más extendido en JavaScript y TypeScript (el que usa Prettier por defecto); 4 es más habitual en Python o Java.
¿Se sube mi JSON a algún servidor?
No, todo el parseo y formateo ocurre en tu navegador con las funciones nativas de JavaScript; el contenido nunca sale de tu equipo.