¿Cómo usar esta herramienta?
- Pegue su código JSON en el campo de entrada — mediante pegado o arrastrar y soltar.
- Pulse Formatear — el resultado aparece de inmediato con indentación de 2 espacios.
- Copie el JSON formateado al portapapeles con el botón Copiar.
¿Qué hace este formateador?
El JSON Formatter toma una cadena JSON cualquiera — ya sea compacta en una línea o anidada de forma confusa — y la devuelve con una indentación coherente de 2 espacios. A la vez valida la sintaxis: si falta una coma, hay una coma final o faltan comillas, la herramienta señala la posición del error con su descripción.
JSON estándar según RFC 8259 es el formato de entrada. Como elemento raíz se admiten objetos, arrays, cadenas, números, booleanos y null. La entrada vacía se rechaza con un mensaje claro — sin fallo silencioso.
¿Por qué formatear JSON?
El código JSON crudo de las API, los registros o los archivos de configuración a menudo está comprimido en una sola línea. Eso ahorra bytes, pero hace el contenido ilegible para las personas. Un formateador resuelve visualmente las estructuras anidadas:
- Depuración: las respuestas de API erróneas se reconocen de un vistazo, en vez de buscar paréntesis faltantes dentro de una cadena.
- Revisiones de código: el JSON formateado en los pull requests muestra estructuras de datos claras — los revisores reconocen los cambios de esquema de inmediato.
- Documentación: los ejemplos de payload en wikis y READMEs se benefician de una indentación legible.
- Validación: los errores de sintaxis se detectan automáticamente al formatear. No hace falta un linter aparte.
¿Qué diferencias hay entre JSON, JSON5 y JSONC?
Los desarrolladores tropiezan a menudo con variantes del formato JSON que difieren en los detalles:
| Característica | JSON (RFC 8259) | JSON5 | JSONC |
|---|---|---|---|
| Comentarios | No permitidos | // y /* */ | // y /* */ |
| Comas finales | No permitidas | Permitidas | Permitidas |
| Comillas simples | No permitidas | Permitidas | No permitidas |
| Claves sin comillas | No permitidas | Permitidas | No permitidas |
| Números hexadecimales | No permitidos | Permitidos (0xFF) | No permitidos |
| Adopción | Universal | npm: más de 65 M de descargas/semana | VS Code, TypeScript |
tsconfig.json, .eslintrc, renovate.json — muchos archivos de configuración usan sintaxis JSONC con comentarios. Un analizador de JSON estándar los marca como error. Quien trabaja a menudo con archivos de configuración necesita una herramienta que entienda ambas variantes.
¿Qué trampas típicas existen?
Comas finales
{
"name": "Alice",
"age": 30,
}La última coma tras 30 es un error de sintaxis en JSON estándar. JSON5 y JSONC la toleran — JSON estándar no. El formateador señala con claridad la posición.
Números más allá de 2⁵³
JavaScript usa IEEE 754 de doble precisión para todos los números. A partir de 9.007.199.254.740.992 (2⁵³), se pierden los decimales. Quien procesa JSON con identificadores enteros grandes (p. ej. los IDs Snowflake de Twitter) debería codificarlos como cadenas.
Comentarios en modo estándar
// Config de la API
{"endpoint": "https://api.example.com"}JSON estándar no admite comentarios. El formateador rechaza esa entrada y explica por qué — sin error críptico, sino con una indicación clara hacia la alternativa JSON5.
Privacidad — 100 % en el navegador
El JSON Formatter procesa todo en local mediante JSON.parse() y JSON.stringify(). Ningún servidor recibe sus datos, ningún registro los almacena, ningún sistema de seguimiento analiza su comportamiento. Esto es especialmente relevante para:
- Claves de API y secretos: los datos de producción no deben llegar a servidores ajenos — tampoco para formatearlos.
- Datos personales: cumple con el RGPD, porque no hay procesamiento en servidores externos.
- Payloads internos de empresa: la lógica de negocio sensible se queda en local.
A diferencia de muchos formateadores de JSON en línea que usan Google Analytics y seguimiento publicitario, esta herramienta apuesta por un procesamiento totalmente en el cliente, sin concesiones.
¿Qué ejemplos de uso existen?
- Depurar respuestas de API — copie la respuesta compacta de curl o Postman, formatéela y reconozca la estructura de inmediato.
- Revisar archivos de configuración — valide package.json, tsconfig.json o variables de Terraform en busca de errores de sintaxis.
- Análisis de registros — vuelva legibles las líneas JSON de los registros de servidor, para identificar los errores con mayor rapidez.
- Migración de datos — antes de la importación a una base de datos, asegúrese de que el esquema JSON es correcto.
- Documentación de payloads — cree ejemplos formateados para la documentación de la API.
Preguntas frecuentes
Las respuestas a las preguntas más importantes están arriba, en el bloque FAQ — se entregan como JSON-LD estructurado (FAQPage) para los motores de búsqueda.
¿Qué herramientas para desarrolladores están relacionadas?
Otras herramientas del ecosistema kittokit que encajan con el tema:
- Generador de UUID — generar UUID criptográficamente seguros (v4 y v7) directamente en el navegador.
- Generador de contraseñas — crear contraseñas aleatorias con longitud y conjunto de caracteres configurables.
- Conversor HEX-RGB — convertir valores de color entre notación hexadecimal y RGB.
Última actualización: