Formateador JSON

Validador, embellecedor (pretty print) y minificador de JSON en línea gratuito.

1.446 visitas

Cómo Funciona

JSON (JavaScript Object Notation) no es simplemente "datos con sabor a JavaScript" — es un formato estricto e independiente definido por RFC 8259. Su sintaxis se parece a un literal de objeto de JavaScript, pero las reglas son más estrictas: cada clave y cada valor de texto debe usar comillas dobles ("clave"), nunca comillas simples; una coma después del último elemento de un objeto o array — una coma final (trailing comma) — es un error de sintaxis grave; y conceptos exclusivos de JavaScript como undefined, funciones, comentarios o NaN no tienen ningún equivalente en JSON. Esta herramienta procesa tu entrada con el motor nativo JSON.parse() del navegador, exactamente el mismo analizador que usaría un cliente de API en producción o un cargador de configuración, así que cualquier error que veas aquí es el mismo que arrojaría un sistema real.

Por ejemplo, {'id': 12, 'activo': true,} falla la validación dos veces: las comillas simples alrededor de id no son válidas, y la coma final después de true tampoco lo es. La forma correcta es {"id": 12, "activo": true}. Una vez que tu JSON se analiza correctamente, Embellecer vuelve a indentar cada nivel anidado — los arrays dentro de objetos dentro de arrays se vuelven visualmente rastreables, algo que importa cuando buscas un corchete perdido seis niveles más abajo en la respuesta de una API. Minificar hace lo contrario: elimina cada espacio en blanco no esencial y reduce el resultado a una sola línea, disminuyendo el tamaño del payload para almacenamiento o transferencia por red. Ambos modos conservan exactamente los mismos datos — solo cambia la presentación pensada para humanos.

Este tipo de herramienta se gana su lugar en el trabajo diario de desarrollo: pegar una respuesta cruda de una API para ver su forma real antes de escribir código contra ella, revisar un archivo de configuración parecido a .env en busca de una coma perdida antes de que rompa un despliegue, o convertir un volcado de payload de red de las DevTools del navegador — a menudo una sola línea ilegible — en algo que realmente puedas escanear con la vista.

Lo Que Deberías Saber

  • Todo se ejecuta localmente. Ningún texto se sube a un servidor — la validación, el embellecido y la minificación ocurren enteramente en el propio motor JavaScript de tu navegador.
  • Los enteros grandes pueden perder precisión. Los números de JSON siguen el formato de coma flotante de doble precisión IEEE 754; los ID de 64 bits por encima de aproximadamente 2^53 pueden redondearse silenciosamente si se analizan como números nativos en lugar de conservarse como cadenas de texto.
  • El orden de las claves no está garantizado por la especificación, aunque en la práctica la mayoría de los analizadores preservan el orden de inserción — no escribas lógica que dependa de ello.
  • Un valor de nivel superior no tiene que ser un objeto. El JSON moderno (según RFC 8259) permite en la raíz una cadena, número, booleano, null o array sueltos — "hola" y 42 son ambos documentos JSON completamente válidos por sí mismos.

Preguntas Frecuentes

¿Cómo compruebo si mi JSON es válido?

Pega tu JSON en el cuadro de entrada y pulsa Embellecer. Si los datos son válidos verás una confirmación de "JSON válido"; de lo contrario, un mensaje de error mostrará el tipo y la posición (línea/columna) del problema, exactamente como lo reportaría JSON.parse() — así puedes ir directo al carácter problemático en lugar de escanear todo el documento.

¿Cuál es la diferencia entre pretty print y minify?

Pretty print (embellecer) añade sangría y saltos de línea para que las personas puedan leer estructuras anidadas — útil mientras trabajas activamente en los datos o los depuras. Minify elimina todos los espacios en blanco innecesarios y produce una sola línea — más pequeña de almacenar, más rápida de transferir e idéntica en significado al original. Ninguno de los dos cambia los datos subyacentes, solo cuántos bytes y saltos de línea los representan.

¿Por qué JSON rechaza las comillas simples y las comas finales cuando JavaScript las permite?

JSON es una especificación separada y más estricta (RFC 8259), no JavaScript en sí. Los literales de objeto de JavaScript toleran comillas simples, claves sin comillas y comas finales como comodidad sintáctica, pero nada de eso es JSON válido — una llamada real a JSON.parse(), en cualquier lenguaje o backend, lo rechazará. Esta rigidez es intencional: mantiene JSON lo bastante simple como para que docenas de lenguajes puedan analizarlo de forma idéntica.

¿Es seguro pegar JSON sensible aquí?

Sí. El formateo ocurre enteramente en tu navegador con JavaScript; tus datos nunca se envían a un servidor ni se almacenan en ningún sitio, y no hay ninguna solicitud de red involucrada en los pasos de validar/embellecer/minificar. Cerrar la página los destruye por completo, lo que hace que sea seguro usarlo incluso con JSON que contenga claves de API, tokens o datos personales.

Mi JSON parece correcto pero aun así falla, ¿por qué?

Los culpables invisibles más comunes son una coma final en la última propiedad, comillas tipográficas o "curvas" pegadas desde un procesador de texto en lugar de comillas dobles rectas, una comilla doble sin escapar dentro de una cadena, o una coma faltante entre dos propiedades. Revisa primero la línea/columna reportada — casi siempre señala el problema real, o justo antes de él, en lugar de algo no relacionado.

Comentarios

Aún no hay comentarios — ¡sé el primero en escribir uno!

Herramientas Similares