Cómo usar: Formateador JSON
- Pega tu JSON en el cuadro «Input JSON», arrastra un
.jsonarchivo en él o haz clic en «Cargar ejemplo». - El resultado se va actualizando a medida que escribes. Elige «Embellecer» con 2 espacios, 4 espacios o tabulaciones, o bien «Minimizar» para eliminar todos los espacios en blanco.
- Si el JSON no es válido, se muestra el error con su línea y columna. Haz clic en «Ir al error» para seleccionar el carácter exacto en el campo de entrada.
- Cambia a la vista de árbol para explorar los datos anidados; haz clic en cualquier valor para copiar su ruta (p. ej.,
$.variants[0].color). - Haz clic en «Copiar» o «Descargar» para guardar el resultado.
¿Qué es un formateador de JSON?
Un formateador de JSON (también llamado «embellecedor de JSON» o «pretty-printer») toma un JSON compacto o desordenado y lo reescribe con sangrías y saltos de línea coherentes para que los humanos puedan leerlo. Las API suelen devolver JSON minificado en una sola línea para ahorrar bytes; darle formato es el primer paso a la hora de depurar una respuesta, revisar un archivo de configuración o escribir documentación. Esta herramienta también funciona al revés: «Minify» elimina todos los espacios y saltos de línea innecesarios para conseguir la carga útil más pequeña posible.
El formateo y la validación van de la mano. El formateador analiza tu entrada con las mismas reglas estrictas que JSON.parse(), así que todo lo que acepte será aceptado por cualquier analizador que cumpla con los estándares (RFC 8259).
Errores comunes en JSON y cómo solucionarlos
Cuando falla el análisis, el validador indica la línea y la columna exactas, resalta el carácter y explica el problema. Estos son los errores que detecta con más frecuencia:
| Error | JSON | Válido |
|---|---|---|
| Coma al final | [1, 2, 3,] | [1, 2, 3] |
| Comas simples | {'id': 1} | {"id": 1} |
| Clave sin comillas | {id: 1} | {"id": 1} |
| Comentarios | {"a": 1 // note} | Quita el comentario |
| Falta una coma | {"a": 1 "b": 2} | {"a": 1, "b": 2} |
| Números especiales | NaN, Infinity, 01 | null, 1 |
| Salto de línea sin formato en la cadena | "line 1⏎line 2" | "line 1\nline 2" |
Muchos de estos elementos son válidos en los literales de objetos de JavaScript, JSON5 o YAML, pero no en JSON, lo que suele ser una fuente habitual de confusión al copiar datos del código fuente.
Advertencias más allá de la sintaxis
Algunos JSON son técnicamente válidos, pero siguen siendo arriesgados. El validador te avisa de claves duplicadas (la mayoría de los analizadores se quedan solo con el último valor sin decir nada) y de números enteros mayores de 253 (9.007.199.254.740.991), que JavaScript no puede representar con exactitud —un problema frecuente con los identificadores de bases de datos de 64 bits. Si ves esa advertencia, envía esos ID como cadenas de caracteres.
Formatear o minificar: ¿cuál deberías usar?
Usa JSON formateado para todo lo que vayan a leer las personas: archivos de configuración en Git (para que las diferencias se muestren línea por línea), documentación y depuración. La sangría de dos espacios es la convención más común en los proyectos de JavaScript; cuatro espacios es lo habitual en Python json.dumps(indent=4). Usa JSON minificado para cargas de red y almacenamiento. Ten en cuenta que la compresión gzip o Brotli en tu servidor ya elimina la mayor parte de la diferencia de tamaño, así que la legibilidad suele ganar en los archivos que subes.
Vista en árbol y ordenación de claves
Para documentos grandes, la vista en árbol te permite contraer objetos y matrices y ver el recuento de elementos de un vistazo. La ordenación de claves ordena alfabéticamente las claves de cada objeto en todos los niveles, lo cual resulta muy útil para comparar dos documentos JSON en el Diff Checker, ya que, de lo contrario, el orden de las claves genera diferencias confusas. ¿Necesitas un formato diferente? Convierte a YAML, CSV o tipos de TypeScript.
También se busca como: formateador de json, validador de json, json lint, formato legible de json, minificar json, visor de json, formato json, árbol json.
Herramientas que combinan con: Formateador JSON
- JavaScript Formatter — Unminify and pretty-print JavaScript, JSON or JSX with your preferred indentation and brace style — or strip whitespace and comments with a verified minifier.
- Codificación y descodificación Base64 — Convierte texto a Base64 y viceversa con compatibilidad total con UTF-8 (acentos, emojis), cambia a Base64 compatible con URL o arrastra un archivo para obtener su cadena Base64 o su URI de datos.
- JSON Schema Validator — Paste a schema and some JSON to see exactly which values break which rule — or generate a starting schema from example data.
- JSONPath Tester — Type a JSONPath query and instantly see what it selects — with the exact path of each match.
Preguntas frecuentes
¿Se ha subido mi JSON a un servidor?
¿Por qué el validador rechaza los comentarios y las comas al final de las frases?
tsconfig.json) y YAML sí los admiten, pero un analizador estricto como JSON.parse() te dará un error.¿Qué tamaño máximo puede tener un archivo para formatearlo?
¿El formato cambia mis datos?
¿Cuál es la diferencia entre JSON y un objeto de JavaScript?
undefined, los comentarios y las comas finales no están permitidos.