Formateador y Validador JSON

Embellece, minifica y valida JSON detectando errores de sintaxis al instante.

Escrito y mantenido por el equipo de KitYards Sobre KitYards Última revisión:

Embellece, minifica y valida tu código JSON en un solo lugar, con detección clara de errores de sintaxis. Es la herramienta perfecta para desarrolladores que depuran respuestas de API o archivos de configuración. Pega tu JSON y obtén al momento una versión formateada y legible o compacta. Todo el procesamiento ocurre en tu navegador, por lo que tus datos nunca se suben a ningún servidor.

Cómo formatear y validar JSON

  1. 1 Pega tu código JSON en el área de entrada.
  2. 2 Pulsa formatear para obtener una versión legible e indentada.
  3. 3 Usa minificar para compactar el JSON en una sola línea.
  4. 4 Revisa los errores de sintaxis señalados para corregirlos.

Cómo funcionan el formateo y la validación

Ambas acciones pasan por el JSON.parse del propio navegador. Tu texto se analiza hasta convertirse en un valor real de JavaScript y luego se vuelve a escribir con JSON.stringify: con sangría para embellecer y sin ningún espacio para minificar. Usar el analizador nativo en lugar de uno casero importa: es la misma implementación que usa el navegador con cada respuesta de API que maneja, así que lo que él acepta es exactamente lo que aceptará un consumidor estricto de JSON. Si aquí se analiza, en tu aplicación también.

La validación es un efecto secundario de ese mismo análisis. No hay un linter aparte: si JSON.parse lanza un error, la entrada no es válida y se muestra el error; si devuelve un valor, la entrada es válida. Por eso la herramienta nunca dice que un documento «parece correcto»: la respuesta es binaria y viene del analizador, no de una comparación de patrones.

Como el viaje de ida y vuelta pasa por un valor realmente analizado, el formateo también normaliza cosas que quizá no esperes. Las claves duplicadas se colapsan en la última que apareció, porque un objeto de JavaScript no puede tener dos claves idénticas. Los números se vuelven a serializar en su forma canónica, así que 1.50 pasa a 1.5 y 1e3 pasa a 1000. Los datos son idénticos; el texto queda más limpio.

Usos del día a día

Leer una respuesta de API

Una respuesta minificada de un endpoint REST es una única línea enorme. Al embellecerla, la estructura se ve en segundos, que suele ser todo lo que hace falta para entender por qué falta un campo.

Encontrar el error de sintaxis

Un archivo de configuración que no carga casi siempre es una coma final o una clave sin comillas. El analizador indica la posición exacta, que es mejor que mirar 400 líneas buscando el carácter culpable.

Reducir un payload

Minificar elimina todos los espacios y saltos de línea. En una configuración grande o un archivo de datos incrustado en una página, eso es habitualmente entre un 15% y un 25% menos antes siquiera de comprimir.

Comparar dos documentos

Embellece los dos con la misma sangría y un diff de texto plano se vuelve legible. Comparar dos JSON con formatos distintos marca, si no, todas las líneas como cambiadas.

Para qué sirve un formateador y validador JSON

JSON es el formato de intercambio de datos más usado en el desarrollo web moderno, presente en APIs REST, archivos de configuración y bases de datos NoSQL. Un formateador y validador JSON te permite embellecer estructuras complejas con indentación clara para leerlas y depurarlas con facilidad, o minificarlas para reducir su tamaño en producción. La validación detecta comas sobrantes, comillas mal cerradas y llaves desbalanceadas, mostrando dónde está el error de sintaxis para que lo corrijas rápido. Es una utilidad imprescindible para desarrolladores front-end y back-end, ingenieros de datos y cualquiera que trabaje con APIs. Al ejecutarse del lado del cliente, tus payloads y datos sensibles permanecen siempre en tu equipo.

Lo que el JSON estricto no permite

JSON es más estricto que el JavaScript del que nació, y estas son las diferencias que hacen tropezar:

  • Sin comentarios. // y /* */ no son JSON válido, por muy comunes que sean en los archivos de configuración. JSON5 y JSONC los admiten; el estándar no, y esta herramienta tampoco.
  • Sin comas finales. La coma tras el último elemento de un array u objeto es JavaScript moderno válido y JSON inválido: es con diferencia la causa más común de un análisis fallido.
  • Las claves llevan comillas dobles. Las comillas simples y las claves sin comillas se rechazan, lo que sorprende a quien pega un objeto copiado de código JavaScript.
  • Nada de NaN, Infinity ni undefined. No tienen ninguna representación en JSON; un serializador debe emitir null u omitir el campo.
  • Las claves duplicadas pierden datos en silencio. El analizador se queda con la última aparición, así que un documento con dos campos «id» volverá con uno solo.

Resolución de problemas

«Unexpected token» en una posición que parece correcta
El analizador informa de dónde detectó el problema, no siempre de dónde empezó. Una cadena o un corchete sin cerrar más arriba del documento suele aflorar como error mucho más abajo. Revisa la estructura más cercana que se abre antes de la posición indicada y nunca se cierra.
Mi JSON viene de un log y no se analiza
El JSON registrado suele venir escapado para poder incrustarse, así que cada comilla llega como \". Quítale primero el escapado: un buscar y reemplazar de \" por " en un editor de texto suele ser la vía más rápida.
La salida perdió el formato de mis números
Es lo esperado. Los números se vuelven a serializar de forma canónica: los ceros finales desaparecen y la notación exponencial se expande. Los valores no cambian, pero si necesitas conservar el texto exacto —como un importe escrito como cadena— guarda esos campos como cadenas y no como números.

Preguntas frecuentes

¿Es seguro pegar aquí JSON con datos sensibles?

Sí. El formateo y la validación se ejecutan por completo en tu navegador. Tu JSON nunca se envía ni se almacena en un servidor, por lo que puedes trabajar con respuestas de API o configuraciones privadas con tranquilidad.

¿Cómo detecta la herramienta los errores de sintaxis?

El validador analiza el JSON con el motor del navegador y, cuando encuentra una estructura inválida como una coma o comilla incorrecta, te indica el problema para que localices y corrijas el error rápidamente.

¿Cuál es la diferencia entre formatear y minificar?

Formatear añade sangría y saltos de línea para que el JSON sea fácil de leer y depurar. Minificar elimina todos los espacios innecesarios y lo comprime en una línea, ideal para producción y transferencias más ligeras.

¿Se envía mi JSON a algún sitio al formatearlo?

No. JSON.parse y JSON.stringify están integrados en tu navegador, así que toda la operación ocurre en la pestaña. Vale la pena que te importe, porque los payloads JSON son justo lo que suele llevar registros de clientes y tokens de acceso: los datos que más gente pega en formateadores online sin pensarlo.

¿Qué tamaño de sangría debo usar?

Dos espacios es la convención dominante en JavaScript y en las herramientas web; cuatro es más habitual en los ecosistemas de Python y .NET. Ninguno afecta a los datos, así que la respuesta correcta es la que ya use tu proyecto: la coherencia dentro de un repositorio importa más que el número.

¿Puede con archivos muy grandes?

Hasta cierto punto. El análisis es rápido, pero un documento de varios cientos de megabytes agotará la memoria de la pestaña, porque toda la estructura tiene que existir a la vez. Para archivos así, un analizador en streaming desde la línea de comandos es la herramienta adecuada.

¿Minificar cambia mis datos?

No. Minificar elimina solo el espacio en blanco no significativo entre tokens. Cada clave, cada valor y el orden de los arrays salen intactos: el resultado analizado es idéntico, y por eso puedes minificar y embellecer repetidamente sin que nada se degrade.

Otras herramientas recomendadas