Ordenar JSON en línea — Ordenar claves y arrays JSON
Normaliza el orden de las claves y ordena los arrays para diffs estables, fixtures canónicos y configs legibles. Orden alfabético, natural o numérico — 100 % local.
Notas para desarrolladores
• La ordenación se ejecuta automáticamente al escribir, pegar, subir, cargar un ejemplo o cambiar opciones (debounce corto al escribir; ~250 ms en cambios de opciones). • Primero parsea JSON — corrige errores de sintaxis o usa reparar JSON. • El alcance por defecto es `both`; elige `objectsOnly` cuando solo necesitas canonización de claves para diffs git (las opciones de array vuelven a Preservar orden). • El orden natural coloca `item2` antes de `item10`. • `byObjectKey` requiere un nombre de campo; los objetos sin el campo van al final. • Arrays de tipos mixtos se ordenan por orden typeof y luego por valor — consulta los tests unitarios para el orden exacto. • `maxDepth` omite la ordenación en y por debajo del límite en cada rama. • Las opciones no se guardan entre sesiones (alineado con otras herramientas JSON). • Para reducir bytes tras ordenar, usa el minificador JSON.
Opciones de ordenación JSON
Cuándo elegir esta opción
• Normalizar snapshots de API antes de JSON Diff en CI. • Canonizar ejemplos OpenAPI/JSON Schema para revisión. • Ordenar listas de usuarios por `name` o `id` para fixtures de visualización. • Preparar golden files estables para tests snapshot de Jest.
Ejemplos prácticos
Claves canónicas para diff
Antes
Después
Ordenar array de objetos por nombre
Antes
Después
Explorar herramientas JSON relacionadas
Explora el hub de herramientas JSON. Compara la salida ordenada en JSON diff, embellece sin reordenar en el formateador JSON, valida con el validador JSON o explora la estructura en el visor de árbol JSON.
Preguntas frecuentes — Ordenar JSON
Orden, arrays y privacidad
¿En qué se diferencia del formateador JSON?
El formateador añade indentación y ordenación básica opcional de claves. Ordenar JSON está dedicado a reordenar claves y arrays con control completo sobre modo, dirección, profundidad y comportamiento de arrays.
¿La ordenación cambia los valores?
No — solo cambia el orden de las claves de objeto y los elementos de array. Los valores escalares y el contenido anidado permanecen iguales.
¿Se preserva el orden del array por defecto?
Los elementos del array mantienen su orden de entrada mientras el modo de ordenación de arrays sea Preservar orden (el predeterminado). Reordena arrays cambiando a Por valor o Por clave de objeto, o establece el alcance en Solo arrays / Objetos y arrays con un modo de array distinto de preservar.
¿Necesito hacer clic en un botón Ordenar?
No. La salida ordenada se actualiza automáticamente al editar JSON o cambiar opciones (con un debounce corto al escribir).
¿Orden natural vs alfabético?
El orden natural trata los números embebidos correctamente — `item2` se ordena antes que `item10`. El alfabético usa orden lexicográfico simple.
¿Cuándo usar profundidad máxima?
Usa `maxDepth: 1` para ordenar solo claves de primer nivel dejando los objetos anidados exactamente como los pegaste — útil para normalización parcial.
¿Se sube mi JSON a un servidor?
No. El parseo, la ordenación y el formateo se ejecutan íntegramente en tu navegador.
Herramientas JSON
Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.
Explorar otras categorías de herramientas
Minificar
Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.
Embellecer
Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.
Desminificar
Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.
Conversión
Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.
Preprocesadores CSS
Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.
Herramientas SVG
Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.
DevOps e Infra
Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.
CI/CD
GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.
Logs y observabilidad
JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.
Kubernetes
Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.
Red / IP
CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.
Seguridad y tokens
JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.
API y esquemas
Herramientas OpenAPI para formatear, validar y analizar tus specs.
Codificación
Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.
Utilidades para desarrolladores
Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.
Texto y Markdown
Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.
IA y LLM
Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.
Datos de prueba
Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.
Serialización
Serializa y deserializa estructuras PHP junto a los flujos JSON.