Formateador JSON

Cómo Formatear JSON

1. Pega tu JSON crudo o minificado en el área de entrada.
2. Haz clic en Formatear para aplicar indentación y estructura.
3. Revisa la salida formateada en el panel derecho.
4. Copia el resultado o descárgalo como un archivo .json.
5. Usa el indicador de errores para detectar y corregir problemas de sintaxis de inmediato.

Cómo Funciona el Formateo de JSON

Explicación del Formateo Bonito

El formateo bonito agrega indentación consistente, saltos de línea y espacios a una cadena JSON para que la jerarquía de datos sea legible. La RFC 8259, el estándar actual de IETF para JSON, no define requisitos de espacio en blanco entre tokens - cualquier cantidad de espacio en blanco es válida. El formateo bonito aprovecha esa flexibilidad para mejorar la legibilidad sin alterar la semántica.

Opciones de Indentación

La indentación de dos espacios es la predeterminada en la mayoría de las herramientas de JavaScript (Prettier, ESLint) y produce una salida compacta para estructuras profundamente anidadas. La indentación de cuatro espacios coincide con la salida predeterminada de json.dumps(data, indent=4) de Python. Esta herramienta admite ambos estilos para coincidir con las convenciones de tu equipo.

Ejemplo

Entrada (minificada)

{"user":{"id":1,"name":"Alice","roles":["admin","editor"],"active":true}}

Salida (indentación de 2 espacios)

{
  "user": {
    "id": 1,
    "name": "Alice",
    "roles": [
      "admin",
      "editor"
    ],
    "active": true
  }
}

Cuándo los Formateadores Ahorran Tiempo

• Depuración de API - Pega una respuesta cruda de API para leer objetos y arrays anidados de un vistazo
• Archivos de configuración - package.json, tsconfig.json o configuración de app legibles antes de comprometerse al control de versiones
• Exportaciones de base de datos - Las columnas JSON de MongoDB, PostgreSQL o respuestas de Elasticsearch a menudo llegan minificadas
• Revisión de código - Embellece JSON minificado de terceros antes de comparar en git

Errores Comunes

• Comas finales - {"a": 1,} es JavaScript válido pero no JSON válido según la RFC 8259; elimina la última coma
• Cadenas entre comillas simples - {'key': 'value'} es inválido; JSON requiere comillas dobles
• Comentarios de JavaScript - // comentario y /* comentario */ no tienen equivalente en la sintaxis JSON; elimínalos primero
• Caracteres de control no escapados - Los caracteres de tabulación y saltos de línea dentro de los valores de cadena deben escaparse como y

Después de validar con el Validador JSON, usa este formateador para indentar la salida. Para comprimir JSON formateado de nuevo para cargas de producción, el Minificador JSON revierte el proceso. Para codificar JSON dentro de encabezados HTTP o cadenas de consulta, el Codificador Base64 maneja el transporte seguro para binarios.