Formateador JSON

Formatea, indenta y estiliza datos JSON para facilitar su lectura, depuración y revisión de código. También valida tu JSON automáticamente.

¿Qué es el Formateo de JSON?

El formateo de JSON — también conocido como "pretty-printing" o embellecimiento de JSON — es el proceso de tomar una cadena JSON compacta, minificada o mal estructurada y reformatearla con indentación, saltos de línea y espaciado consistentes para que sea fácil de leer y comprender para los humanos.

Mientras que el JSON minificado es óptimo para las máquinas (menor carga útil, transmisión más rápida), es muy difícil de leer y trabajar directamente para los desarrolladores. Un objeto JSON de una sola línea con cientos de propiedades y arrays anidados se vuelve prácticamente ilegible sin un formato adecuado. El formateador de JSON resuelve este problema transformando la cadena compacta en una estructura visualmente clara e indentada jerárquicamente.

Nuestro formateador de JSON utiliza la función json_encode() de PHP con el flag JSON_PRETTY_PRINT, que produce una salida con indentación de 4 espacios — el estándar ampliamente aceptado en la comunidad de desarrolladores. Cada par clave-valor aparece en su propia línea, los elementos del array se listan verticalmente y los objetos anidados se indentan en relación con su padre, haciendo que la estructura general de los datos sea inmediatamente aparente.

Al igual que nuestro minificador, esta herramienta también valida tu JSON. Si la entrada contiene algún error de sintaxis — corchetes sin cerrar, comas finales, claves sin comillas — la herramienta informará del error para que puedas corregirlo. Esto la convierte también en una excelente herramienta de "linting" de JSON.

Cómo Usar Este Formateador JSON

  1. Pega tu JSON: Copia cualquier cadena JSON — minificada, escrita a mano o de una respuesta de API — y pégala en el área de texto de la izquierda.
  2. Haz clic en "Formatear JSON": La herramienta valida y reforma tu JSON en una estructura limpia e indentada que se muestra en el área de texto de la derecha.
  3. Lee los mensajes de error: Si tu JSON tiene errores de sintaxis, el mensaje de error explicará el problema (por ejemplo, "Error de sintaxis" o "Error de carácter de control"). Corrige el problema e inténtalo de nuevo.
  4. Copia y usa: Haz clic en Copiar Salida para copiar el JSON formateado a tu portapapeles para usarlo en tu editor, documentación o revisión de código.

¿Por Qué es Importante el Formateo de JSON?

  • Inspección de Respuestas de API: Al depurar APIs REST o GraphQL, los cuerpos de respuesta a menudo están minificados. Formatearlos hace que sea inmediatamente claro qué datos se devolvieron y permite detectar valores inesperados o campos faltantes.
  • Revisión de Código y Documentación: Incluir JSON debidamente formateado en "pull requests", archivos README y documentación de API hace que la estructura de los datos sea inmediatamente comprensible para revisores y lectores.
  • Edición de Archivos de Configuración: Los archivos de configuración JSON (como package.json, tsconfig.json o appsettings.json) deben ser legibles para humanos para el control de versiones y la colaboración en equipo.
  • Aprendizaje y Exploración: Al explorar una API o un conjunto de datos desconocido, una respuesta JSON bellamente formateada te ayuda a comprender rápidamente el esquema e identificar los campos que necesitas.
  • Depuración y Pruebas: El JSON formateado facilita la inspección manual de "fixtures" de prueba, archivos de "snapshot" y datos simulados para asegurar que contengan los valores correctos.

Ejemplo de Formateo de JSON

Antes — JSON Minificado
{"name":"Pan Tool","version":"1.0.0","tools":["url-encode","base64","json"],"free":true}
Después — JSON Formateado Perfectamente
{
    "name": "Pan Tool",
    "version": "1.0.0",
    "tools": [
        "url-encode",
        "base64",
        "json"
    ],
    "free": true
}

Para comprimir JSON formateado para su uso en producción, consulta nuestra herramienta Minificador de JSON.