JSON Formatter (herramienta de formateo JSON)

¿Qué es JSON Formatter?

JSON Formatter es una herramienta diseñada para reformatear JSON de una sola línea difícil de leer o JSON con sangría incorrecta a un formato más legible. El JSON se utiliza en diversos contextos, como respuestas de API, configuraciones de servicios web, intercambio de datos en aplicaciones JavaScript, registros y consultas a bases de datos NoSQL. Sin embargo, el JSON que se recibe a menudo carece de saltos de línea y se extiende horizontalmente a lo largo de varias líneas, lo que dificulta seguir el contenido a simple vista. Al pegar JSON en esta herramienta, esta añade saltos de línea y sangría para facilitar la lectura de claves, valores, matrices y estructuras anidadas.

Además del formateo, admite la compresión para eliminar espacios y saltos de línea sobrantes, así como la comprobación de sintaxis para verificar que el JSON sea válido. Puedes utilizarlo cuando quieras comprobar las respuestas de la API durante el desarrollo, verificar que no haya errores tras editar archivos de configuración o hacer que el texto sea más legible antes de pegarlo en chats o documentos. El resultado se puede copiar y descargar como un archivo JSON si es necesario.

Esta página se procesa mediante JavaScript en el navegador. No se envía ningún formulario al servidor para dar formato al JSON introducido. Sin embargo, al manejar JSON que contenga información confidencial, datos personales, tokens de autenticación, claves privadas o datos sensibles similares, se recomienda actuar con precaución en lo que respecta al uso en dispositivos compartidos, extensiones de navegador, pantalla compartida e historial del navegador. Para garantizar el manejo seguro del contenido JSON, recomendamos eliminar cualquier información innecesaria antes de darle formato.

• Puedes dar formato al JSON utilizando espacios dobles, espacios cuádruples o tabulaciones para la sangría.
• Puedes comprimir el JSON en una sola línea y convertirlo a un formato adecuado para su transmisión y almacenamiento.
• Puedes utilizar JSON.parse para comprobar si faltan comas o hay comillas incorrectas.
• Puedes copiar el resultado formateado al portapapeles o guardarlo como formatted.json.

Cómo utilizar el formateador JSON

Es fácil de usar. En primer lugar, pega el JSON que quieras formatear en el campo «JSON Input». Puedes introducir JSON directamente desde fuentes como clientes API, herramientas de desarrollo del navegador, registros o archivos de configuración. A continuación, selecciona el estilo de sangría que desees para el resultado. Aunque lo habitual es utilizar dos espacios, puedes elegir cuatro espacios para una mejor legibilidad o tabulaciones para ajustarte a las convenciones de tu proyecto actual.

Al hacer clic en «Formato» se muestra el resultado con saltos de línea y sangría tras analizar el JSON. Al hacer clic en «Comprimir» se muestra una sola línea de JSON sin espacios en blanco ni saltos de línea. La «Comprobación de sintaxis» resulta útil cuando solo se desea verificar que la entrada es JSON válido antes de generar la salida. Si hay errores, se mostrará un mensaje basado en los resultados del análisis del navegador. Aunque la forma en que se muestran los errores puede variar según el navegador, las causas más comunes son las comas finales, las comillas simples que faltan, las comillas que faltan alrededor de los nombres de las claves y los paréntesis de cierre que faltan.

1. Pega el JSON que quieras formatear en el campo «Entrada JSON».
2. Elige entre 2 espacios, 4 espacios o una tabulación para la sangría, según sea necesario.
3. Para facilitar la lectura del texto, haz clic en «Formato»; para condensarlo en una sola línea, haz clic en «Comprimir»; y para verificar su exactitud, haz clic en «Comprobación de sintaxis».
4. Revisa los resultados y pégalos en tu aplicación utilizando «Copiar resultados» o «Descargar JSON».

Notas importantes al utilizar

• En JSON, las claves y las cadenas deben ir entre comillas dobles. Aunque esto es similar a la notación de objetos de JavaScript, no es lo mismo.
• En JSON no se permiten las comas al final de las líneas. Si hay una coma después del último elemento de una matriz u objeto, se producirá un error.
• Pegar archivos JSON demasiado grandes puede ralentizar el navegador. Para archivos muy grandes, considera la posibilidad de utilizar un editor específico para revisarlos.
• Ten cuidado de no manejar archivos JSON que contengan tokens de autenticación, claves API o información personal en entornos compartidos o durante el uso compartido de pantalla.

Preguntas frecuentes

¿Qué es un formateador JSON?

JSON Formatter es una herramienta que formatea cadenas JSON en un formato legible. Añade saltos de línea y sangría para facilitar la visualización de la estructura de objetos, matrices, cadenas, números, valores booleanos, valores nulos y mucho más.

¿Cuál es la diferencia entre el formato JSON y la compresión?

El formateo consiste en añadir saltos de línea y sangrados para facilitar la lectura del texto. La compresión elimina los espacios en blanco y los saltos de línea sobrantes para crear un formato JSON breve de una sola línea, adecuado para guardar o enviar.

¿Podrías comprobar que el JSON es correcto?

Sí. Puedes utilizar el botón «Comprobación de sintaxis» para verificar si tu entrada se puede analizar como JSON. Si es correcta, se mostrará como JSON válido; si hay errores, aparecerá un mensaje de error.

¿Se envía el JSON introducido al servidor?

El formateo, la compresión y la comprobación sintáctica de esta herramienta se realizan en el navegador. En condiciones normales, no hay ningún proceso que envíe un formulario al servidor para formatear JSON.

¿Se pueden usar comillas simples en JSON?

En JSON, las cadenas y los nombres de clave deben ir entre comillas dobles. La notación al estilo JavaScript que utiliza comillas simples no es válida en JSON.

¿Una coma al final provocará un error?

Sí. En JSON, no se puede colocar una coma después del último elemento de una matriz u objeto. Aunque a veces esto está permitido en JavaScript, en JSON es un error.

¿Qué se recomienda: dos espacios o cuatro espacios?

Por lo general, se suelen utilizar dos espacios. Si quieres aumentar el espaciado para mejorar la legibilidad, utiliza cuatro espacios; si tu proyecto tiene directrices específicas, síguelas.

¿Se puede utilizar con archivos JSON de gran tamaño?

Puedes utilizarlo siempre que se ajuste a las capacidades del navegador. Sin embargo, con archivos JSON muy grandes, pegar y dar formato puede llevar mucho tiempo y puede ralentizar el navegador.

¿Cuál es la diferencia entre los objetos JSON y los objetos JavaScript?

JSON es un formato de texto para el intercambio de datos que tiene reglas más estrictas que los literales de objetos de JavaScript, como el uso obligatorio de comillas dobles para los nombres de claves y las cadenas. Tampoco permite comentarios.

¿Se puede formatear JSON con comentarios?

Los comentarios no están permitidos en JSON estándar. Por lo tanto, el texto de estilo JSON que contenga comentarios como // o /* */ dará lugar a un error. No se admiten formatos como JSONC.

¿Puedo guardar los resultados?

Sí. Puedes copiar los resultados formateados o comprimidos. También puedes guardarlos como formatted.json haciendo clic en el botón «Descargar JSON».

¿Se puede utilizar esto también para verificar las respuestas de la API?

Sí. Pegar la respuesta JSON obtenida de la API facilita la comprobación de estructuras anidadas y del contenido de las matrices. Esto resulta útil durante el desarrollo, las pruebas y la depuración.