Español
Formatea, valida y explora JSON con una vista de árbol en vivo.
Última actualización
Un formateador de JSON (también llamado embellecedor o pretty-printer) toma un JSON compacto o desordenado y lo convierte en datos legibles e indentados. Es una de las herramientas a las que más recurrimos al programar: para revisar respuestas de APIs, leer archivos de configuración, depurar logs, comparar fixtures de tests o mover datos entre el frontend y el backend.
JSON es un formato estricto: las claves van entre comillas dobles, las cadenas también, las comas tienen que estar en su sitio y cada { o [ que abres tienes que cerrarlo. Un formateador hace visible esa estructura, y el validador integrado te indica con precisión dónde falla la sintaxis cuando algo no cuadra.
JSON significa JavaScript Object Notation. Aunque nació en el mundo de JavaScript, prácticamente cualquier lenguaje de programación trae soporte nativo para leer y escribir JSON, y por eso se ha convertido en la forma estándar de intercambiar datos estructurados en la web.
{} para campos con nombre y los arrays usan [] para listas ordenadas; ambos pueden anidarse uno dentro de otro tantas veces como haga falta.null, objeto y array. No existe undefined, ni funciones, ni comentarios.Copia el JSON de tu respuesta de API, archivo de log o configuración y pégalo a la izquierda. El formateador acepta tanto entrada minificada como parcialmente formateada.
Lo más habitual es usar dos espacios; cuatro espacios también es muy común. Elige el que coincida con el estilo que ya use tu proyecto.
Si el JSON es válido, verás la salida formateada a la derecha. Si no lo es, el mensaje de error te indicará la línea y el carácter donde falló el parseo.
Usa el árbol plegable para contraer objetos y arrays muy anidados. Es la forma más rápida de entender la estructura de una respuesta de API que no conoces.
Copia la versión indentada en tu código o tu documentación, o vuelve a minificarla a una sola línea para almacenarla o enviarla por la red.
El conjunto completo de piezas que forman JSON. Todo lo que esté fuera de esta lista no es JSON válido. Especificación: RFC 8259 y ECMA-404.
| Token | Significado | Ejemplo |
|---|---|---|
{ } | Objeto: conjunto de pares clave/valor | {"name": "Maya"} |
[ ] | Array: lista ordenada de valores | [1, 2, 3] |
"..." | Cadena: siempre entre comillas dobles | "hello" |
| Número | Entero o decimal, sin comillas y sin + inicial | 42, -3.14 |
true / false | Valores booleanos, en minúsculas | true |
null | Valor vacío o ausente | null |
: | Separador entre una clave y su valor | "id": 7 |
, | Separador entre elementos: nunca al final | [1, 2, 3] |
{"user":{"id":7,"name":"Maya"},"skills":["HTML","JavaScript"]}{ "user": { "id": 7, "name": "Maya" }, "skills": ["HTML", "JavaScript"]}Tras formatear, el objeto anidado user y el array skills se leen mucho mejor. Los datos son idénticos: lo único que cambia son los espacios.
{ "name": "Coddy", "active": true,}JSON no permite una coma final tras la última propiedad. El validador te marcará el } de cierre. Es uno de los fallos más típicos al copiar sintaxis de objeto de JavaScript a JSON.
{ "count": 3, "countText": "3", "enabled": true}3 es un número, "3" es una cadena y true es un booleano: tres tipos distintos en JSON. Muchas APIs fallan cuando la estructura es correcta pero el tipo de un valor no lo es.
{ "data": { "orders": [ { "id": 101, "items": [{ "sku": "A", "qty": 2 }] }, { "id": 102, "items": [] } ] }}Usa la vista en árbol para contraer data.orders e ir descubriendo la estructura nivel a nivel. Los arrays anidados de objetos son el patrón más habitual en respuestas REST.
undefined no son válidos en JSON, y las comas sobrantes hacen fallar el parseo.+ al inicio, ni ceros a la izquierda (salvo el propio 0), ni estar entre comillas si de verdad quieres un tipo número.null permanecen exactamente igual. Si vuelves a minificarlo, recuperarás la misma forma compacta optimizada para la red.undefined están prohibidos.package.json, tsconfig.json), metadatos de paquetes, líneas de log, almacenamiento local del navegador y fixtures de tests.