Formateador de JSON
Da formato, valida y minifica JSON sin salir del navegador. Los errores de sintaxis muestran la línea, la columna y, cuando es posible, una corrección automática.
Indentación
Vista
JSON de entrada
Resultado
Nada que mostrar todavía
Pega o escribe un JSON en el campo de al lado para ver el resultado formateado, el árbol o los errores de validación.
¿Cómo usar el Formateador de JSON?
Pega el JSON
Pega o escribe el JSON en el campo de entrada, o carga el ejemplo para probar la herramienta.
Mira el resultado
El resultado formateado aparece automáticamente al lado. Si hay un error, se indican la línea y la columna exactas.
Ajusta el formato
Elige la indentación y alterna entre formateado, árbol y minificado, según lo que necesites.
Copia o descarga
Copia el resultado con un clic o descárgalo como archivo .json.
Funciones del Formateador de JSON
Formato instantáneo
Pega el JSON y ve el resultado formateado al instante, sin necesidad de hacer clic en nada. La validación ocurre al mismo tiempo, en tiempo real.
Error con línea y columna
Cuando el JSON es inválido, el motivo aparece en español, con la línea, la columna y un fragmento del texto que señala exactamente dónde está el problema.
Árbol navegable con búsqueda
Explora objetos y arrays anidados en un árbol que puedes expandir y colapsar, y encuentra cualquier clave o valor con la búsqueda.
Todo en tu navegador
El formateo, la validación y la minificación se ejecutan localmente. Ningún JSON pegado aquí sale de tu navegador.
¿Qué es JSON?
JSON (JavaScript Object Notation) es un formato de texto para representar datos estructurados: objetos con pares clave-valor, listas, strings, números, booleanos y null. A pesar del nombre, no depende de JavaScript. Es el formato estándar para respuestas de API REST, archivos de configuración e intercambio de datos entre sistemas, con soporte nativo en prácticamente cualquier lenguaje.
Sintaxis de un JSON válido
JSON acepta seis tipos de valor: string entre comillas dobles, número, booleano, null, objeto entre llaves y array entre corchetes. Las claves de un objeto siempre van entre comillas dobles, nunca comillas simples, y los elementos del mismo nivel se separan por comas, sin coma sobrante después del último.
Ejemplo de JSON válido:
{
"name": "Ana",
"active": true,
"age": 30,
"tags": ["dev", "qa"],
"address": null
}Para qué usan devs y QAs el formateador de JSON
Formatear y validar JSON aparece en buena parte de la rutina de quien desarrolla y prueba software:
- Leer la respuesta de una API que llega en una sola línea, sin indentación, directo desde DevTools, Postman o Insomnia
- Validar un payload antes de enviarlo, asegurando que la sintaxis es correcta antes de depurar la lógica
- Inspeccionar fixtures y mocks de prueba, usando el árbol para navegar estructuras profundas sin perderse
- Minificar un archivo de configuración o respuesta antes de guardarlo en un repositorio o enviarlo por la red
Errores comunes al escribir JSON
Dejar una coma sobrante al final
JSON no acepta una coma después del último elemento de un objeto o array, a diferencia de JavaScript. Es la causa más común de error al pegar un objeto JS directamente como si fuera JSON.
Usar comillas simples
JSON exige comillas dobles en claves y strings. Las comillas simples, comunes en objetos JavaScript, hacen que el contenido sea inválido como JSON.
Dejar una llave o corchete sin cerrar
En payloads grandes y muy anidados, es fácil perder la cuenta de llaves y corchetes abiertos. La línea y la columna del error señalan exactamente dónde falta el cierre.
Confundir JSON con un objeto JavaScript
JSON no acepta comentarios, funciones, undefined ni claves sin comillas. Un objeto JavaScript válido puede no ser un JSON válido, aunque parezca idéntico.
Preguntas Frecuentes sobre el Formateador de JSON
Todo lo que necesitas saber para formatear, validar y depurar JSON en el día a día.