Saltar al contenido principal
Guía

La guía completa para formatear y validar JSON

· 6 min de lectura
#tutorial

JSON (JavaScript Object Notation) se ha convertido en el estándar de intercambio de datos. Tanto si depuras una API, parseas un archivo de configuración o transmites datos, JSON está en todas partes.

Pero el JSON en bruto es casi ilegible. Por eso las herramientas de formato son imprescindibles.

Por qué JSON es difícil de leer a simple vista

Las APIs suelen devolver JSON minificado:

{"name":"BoxrTools","tools":[{"slug":"json-formatter","category":"developer"},{"slug":"regex-tester","category":"developer"}],"stats":{"version":1,"free":true}}

Técnicamente válido, pero tienes que contar llaves para encontrar un campo.

Una vez formateado:

{
  "name": "BoxrTools",
  "tools": [
    { "slug": "json-formatter", "category": "developer" },
    { "slug": "regex-tester", "category": "developer" }
  ],
  "stats": { "version": 1, "free": true }
}

Mismos datos, estructura clara a simple vista.

5 errores JSON comunes

1. Coma final

{ "a": 1, "b": 2, }  // ❌ error de sintaxis

JSON no permite comas finales.

2. Comillas simples

{ 'a': 1 }  // ❌

Solo se aceptan comillas dobles.

3. Claves sin comillas

{ a: 1 }  // ❌
{ "a": 1 }  // ✅

4. undefined al serializar

JSON.stringify({ a: undefined })  // → '{}'

undefined no existe en JSON.

5. Referencias circulares

const a = {}; a.self = a;
JSON.stringify(a);  // ❌ lanza error

JSON no puede representar estructuras circulares.

Qué indentación usar

  • 2 espacios — compacto, ideal para datos profundamente anidados
  • 4 espacios — más legible
  • Tab — preferencia personal

No hay respuesta correcta. Lo importante es la coherencia.

Validar ≠ formatear

Validar pregunta: “¿Esto es JSON válido?”. Formatear embellece.

Las buenas herramientas hacen ambas cosas.

Prueba nuestra herramienta

Nuestro formateador y validador JSON ofrece:

  • Validación en tiempo real + mensajes de error con número de línea
  • 3 opciones de indentación
  • Ordenar claves alfabéticamente (opcional)
  • Minificar con un clic
  • 100 % en el navegador — tus datos nunca salen de tu dispositivo
Volver al blog