Formateador y Validador JSON

¿Qué es JSON?

// Format (pretty-print) JSON with 2-space indentation
const raw = '{"name":"Alice","age":30,"active":true}';
const parsed = JSON.parse(raw);        // parse string → object
const formatted = JSON.stringify(parsed, null, 2);
console.log(formatted);
// → {
//     "name": "Alice",
//     "age": 30,
//     "active": true
//   }

// Minify JSON (strip all whitespace)
const minified = JSON.stringify(parsed);
console.log(minified);
// → '{"name":"Alice","age":30,"active":true}'

Características principales

Ejemplos

{"status":200,"data":{"user":{"id":"usr_2x7kP9","name":"Alice Chen","email":"alice@example.com","roles":["admin","editor"],"lastLogin":"2026-03-12T08:30:00Z"},"meta":{"requestId":"req_abc123","timestamp":1741776600}}}

{"name":"my-app","version":"2.1.0","private":true,"scripts":{"dev":"next dev","build":"next build","start":"next start","lint":"eslint ."},"dependencies":{"react":"^18.2.0","next":"14.1.0"},"devDependencies":{"typescript":"^5.3.0","eslint":"^8.56.0"}}

[{"id":1,"product":"Laptop Pro","price":1299.99,"inStock":true,"tags":["electronics","computers"]},{"id":2,"product":"Wireless Mouse","price":29.99,"inStock":false,"tags":["electronics","accessories"]},{"id":3,"product":"USB-C Hub","price":49.99,"inStock":true,"tags":["electronics","accessories"]}]

{"database":{"host":"localhost","port":5432,"name":"mydb","pool":{"min":2,"max":10}},"cache":{"enabled":true,"ttl":3600,"provider":"redis"},"logging":{"level":"info","format":"json","outputs":["stdout","file"]}}

Cómo usar

1. 1

   Pega tu JSON

   Introduce o pega tus datos JSON brutos en el campo de entrada de arriba. También puedes hacer clic en 'Load example' para probar un ejemplo.

2. 2

   Formatea o Minifica

   Haz clic en 'Format JSON' para embellecer con indentación, o en 'Minify JSON' para comprimir en una sola línea.

3. 3

   Copia el resultado

   El resultado procesado aparece en el área de salida. Haz clic en 'Copy' para copiarlo al portapapeles al instante.

Errores comunes de JSON

{"name": "Alice", "age": 30,}

{"name": "Alice", "age": 30}

{'name': 'Alice'}

{"name": "Alice"}

{name: "Alice"}

{"name": "Alice"}

{"name": "Alice" // user name}

{"name": "Alice"}

{"users": [{"name": "Alice"}

{"users": [{"name": "Alice"}]}

{"name": "Alice" "age": 30}

{"name": "Alice", "age": 30}

Casos de uso comunes

Depuración de respuestas API

Formatea respuestas de API minificadas en JSON legible para una depuración e inspección rápida.

Archivos de configuración

Valida y embellece archivos de configuración como package.json, tsconfig.json y .eslintrc.

Inspección de datos

Explora y comprende datos JSON exportados de bases de datos, registros o servicios de terceros.

Revisión de código

Formatea fragmentos JSON para comparaciones más claras y fáciles durante las revisiones de código.

Documentación

Genera ejemplos JSON bien formateados para documentación técnica y tutoriales.

Migración de datos

Valida la estructura y sintaxis JSON antes de importar datos a nuevos sistemas.

Detalles técnicos

Conforme a RFC 8259

Compatibilidad completa con la especificación JSON estándar, incluyendo Unicode y caracteres escapados.

Procesamiento en el navegador

Todo el formateo se ejecuta localmente en tu navegador usando los métodos nativos JSON.parse() y JSON.stringify().

Soporte de tamaño de archivo

Maneja archivos JSON de hasta 10 MB con indentación configurable (2 o 4 espacios).

Buenas prácticas

Validar antes de usar

Siempre valida los datos JSON antes de usarlos en producción para detectar errores de sintaxis a tiempo.

Usa indentación consistente

Usa indentación de 2 espacios para legibilidad y archivos más pequeños en el control de versiones.

Minifica para producción

Usa JSON minificado en respuestas de API y archivos de configuración para reducir el ancho de banda y el tiempo de carga.

Preguntas frecuentes