Formateador y validador JSON

Formatea y valida JSON con sangría de 2 u 4 espacios. Todo local en el navegador.

{{ json.message }}

Descripción

JSON (JavaScript Object Notation) fue propuesto por Douglas Crockford a principios de los años 2000 como una alternativa más sencilla al XML, que dominaba el intercambio de datos entre sistemas de la época. En 2006 se convirtió en RFC 4627 y en 2013 el estándar ECMA-404 lo consagró como norma internacional. Antes de JSON, las APIs e integraciones dependían principalmente de XML, que exigía parsers más pesados y producía documentos mucho más verbosos para la misma cantidad de datos.

La diferencia más importante entre JSON y un objeto JavaScript está en los tipos soportados: JSON solo conoce string, number, object, array, boolean y null. Las funciones, undefined, los objetos Date y los Symbols son invisibles para JSON. JSON.stringify descarta silenciosamente una función o convierte una Date en cadena ISO 8601 sin avisar. Este comportamiento provoca bugs sutiles cuando se asume que un objeto JavaScript hace roundtrip intacto a través de JSON.

JSON frente a XML: XML soporta atributos, namespaces, comentarios y una gramática más expresiva. Sigue eligiéndose en sistemas legados, archivos de configuración como el POM de Maven, documentos con texto y marcado mezclados y protocolos SOAP. JSON destaca en las APIs REST modernas, donde importan la ligereza y la legibilidad directa en el terminal. En la práctica, la mayoría de las APIs nuevas nacen en JSON y ofrecen XML solo cuando las integraciones legadas lo exigen.

Esta herramienta formatea JSON con sangría de 2 o 4 espacios e identifica errores de sintaxis indicando la línea y columna exactas donde falló el parser. Útil para inspeccionar respuestas de API, depurar webhooks, revisar archivos de configuración y preparar ejemplos para documentación.

Cuando el payload crece, formatear solo la sintaxis no alcanza. En flujos reales de API tambien necesitas consistencia de claves, tipos esperados y paridad entre local, preproduccion y produccion. Este bloque agrega contexto tecnico para personas y rastreadores.

Detalle técnico

Lógica de validación

  • Parsear el texto con JSON.parse para comprobar sintaxis.
  • Renderizar de nuevo con sangria configurable para facilitar diffs.
  • Mostrar mensajes claros cuando faltan comillas, comas o llaves.

Pros y Contras

  • Pro: reduce tiempo de depuracion en payloads rotos.
  • Pro: estandariza el formato antes de compartirlo en el equipo.
  • Contra: no sustituye la validacion de schema en backend.

Guía de la herramienta

  • Qué es JSON JSON (JavaScript Object Notation) es un formato de texto para datos estructurados: objetos (pares clave-valor), arrays, cadenas, números, booleanos y null. Se usa mucho en APIs REST, webhooks, archivos de configuración y mensajes entre sistemas porque es legible y fácil de consumir en casi cualquier lenguaje.

  • Qué hace la herramienta Comprueba que el texto sea JSON sintácticamente válido y lo reformatea con sangría (espacios), sin cambiar el significado de los datos.

  • Por qué usarla Para encontrar comillas o comas faltantes, preparar fragmentos para revisión de código, comparar payloads visualmente y pegar respuestas de API en un formato legible.

Fragmentos de Código

Ejemplo de payload de API
{
  "userId": 42,
  "profile": {
    "name": "Ana",
    "roles": ["admin", "editor"]
  },
  "active": true
}
Ejemplo de helper en JavaScript
function isValidJson(input) {
  try {
    JSON.parse(input);
    return true;
  } catch (error) {
    return false;
  }
}

Ejemplo

{
  "name": "GigaCode",
  "tools": ["json", "base64"],
  "ok": true
}

Preguntas frecuentes

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

Validar comprueba si el texto es JSON válido. Formatear reorganiza la presentación con sangría sin cambiar los datos.

¿Para qué sirve esta herramienta?

Funciona por completo en tu navegador: sirve para validar, formatear o convertir datos en el día a día.

¿Se envían mis datos a algún servidor?

El procesamiento es local con JavaScript. No almacenamos lo que pegas en los campos de texto.

¿Puedo usarlo con datos reales en producción?

Úsalo bajo tu responsabilidad. Para secretos (contraseñas, tokens), prefiere entornos controlados y políticas internas. Recuerda de revisar los contenidos generados. Nunca confies ciegamente en cosas que ves en internet.