Formateador JSON
Consejo: Presiona Ctrl+Enter para formatear
Pega tu JSON
Ingresa o pega una cadena JSON en el panel de entrada y el formateador la validará, formateará y mostrará instantáneamente con resaltado de sintaxis.
Cómo usar este formateador
Pega o sube tu JSON
Copia tu cadena JSON de una respuesta de API, archivo de configuración o cualquier fuente y pégala en el área de texto de entrada. Alternativamente, haz clic en 'Subir archivo' para importar un archivo .json directamente desde tu computadora. El formateador comienza a procesar automáticamente a medida que escribes.
Elegir opciones de formato
Selecciona tu sangría preferida (2 espacios para una salida compacta, 4 espacios para una mayor legibilidad, o tabulación para un formato tradicional). Activa 'Ordenar claves' si deseas que todas las claves de los objetos estén ordenadas alfabéticamente — útil al comparar dos objetos JSON o generar una salida determinista.
Revisar el resultado
Una insignia verde confirma que el JSON es válido. Si hay un error de sintaxis, una insignia roja muestra la línea y el número de columna exactos junto con una descripción del error en un lenguaje sencillo. Usa el botón 'Auto-Fijar' para reparar automáticamente problemas comunes como comas finales, comillas simples y claves no citadas antes de formatear.
Copiar, descargar o explorar
Cambia entre la vista formateada (código con resaltado de sintaxis), vista de árbol (jerarquía colapsable interactiva) y pestaña CSV (para arreglos de objetos). Copia la salida al portapapeles o descárgala como un archivo .json o .csv. Consulta las barras de comparación de tamaño para ver cuánto reduce la minificación tu carga útil.
Preguntas Frecuentes
¿Es seguro pegar mis datos JSON aquí?
Sí, completamente. El formateador JSON se ejecuta completamente en tu navegador utilizando JavaScript del lado del cliente. Tus datos nunca se envían a ningún servidor, nunca se almacenan y nunca se registran. Todo sucede localmente en tu dispositivo — incluso si te desconectas de Internet después de cargar la página, el formateador sigue funcionando. Esto lo hace seguro para usar con tokens de API, cargas de bases de datos, archivos de configuración internos o cualquier dato sensible que no desees transmitir a través de una red.
¿Qué hace el botón Auto-Fijar?
Auto-Fijar aplica una secuencia de reparaciones heurísticas a JSON mal formado antes de analizarlo. Maneja los problemas más comunes del mundo real: elimina comas finales (que quedan de literales de objetos de JavaScript), convierte comillas simples en comillas dobles, añade comillas faltantes alrededor de claves de objetos no citadas, reemplaza None/True/False al estilo de Python con null/true/false de JSON, elimina comentarios al estilo de JavaScript (// y /* */), normaliza caracteres de comillas rizadas o 'inteligentes' pegados desde procesadores de texto, elimina envolturas de funciones JSONP y convierte JSON delimitado por nuevas líneas (NDJSON) en un arreglo JSON válido. Auto-Fijar es una herramienta de mejor esfuerzo — funciona bien para casos comunes pero no puede reparar datos severamente corruptos.
¿Cuál es la diferencia entre Formatear y Minificar?
Formatear (también llamado embellecer o imprimir bonito) añade sangrías y saltos de línea para hacer que JSON sea fácil de leer. Es ideal para desarrollo, depuración y documentación. Minificar hace lo contrario: elimina todos los espacios en blanco innecesarios — espacios, tabulaciones y saltos de línea — produciendo la representación más compacta posible de los mismos datos. JSON minificado se transmite más rápido a través de una red y utiliza menos ancho de banda, lo que lo convierte en el formato preferido para respuestas de API en producción. Las dos representaciones contienen exactamente los mismos datos; solo difiere el formato. Nuestras barras de comparación de tamaño te muestran numéricamente cuánto más pequeño es el resultado minificado.
¿Cómo funciona la vista de árbol?
La vista de árbol representa tu JSON como una jerarquía colapsable interactiva. Cada objeto y arreglo se muestra con una flecha de alternancia que expande o colapsa sus hijos. Hacer clic en cualquier nodo lo alterna abierto o cerrado. Por defecto, los dos primeros niveles están expandidos para que puedas ver inmediatamente la estructura de nivel superior sin sentirte abrumado por datos profundamente anidados. Los botones Expandir todo y Colapsar todo alternan todo el árbol a la vez. Al pasar el cursor sobre cualquier nodo se revela un pequeño ícono de copia que te permite copiar solo el valor de ese nodo como JSON formateado — perfecto cuando necesitas un objeto anidado específico de una gran respuesta.
¿Cuándo aparece la pestaña CSV?
La pestaña CSV aparece automáticamente cuando tu JSON es un arreglo válido de objetos — un patrón devuelto por prácticamente todas las API REST que listan recursos (usuarios, productos, pedidos, etc.). El convertidor extrae todas las claves únicas de todos los objetos como encabezados de columna, luego asigna los valores de cada objeto a las columnas correspondientes. Los objetos anidados dentro de los elementos del arreglo se serializan como cadenas JSON en lugar de aplanarse en subcolumnas. El CSV resultante se puede descargar y abrir directamente en Excel, Google Sheets o cualquier aplicación de hojas de cálculo. Si tu JSON es un solo objeto o contiene elementos de arreglo que no son objetos, la pestaña CSV está oculta.
¿Qué sangría debo elegir?
La elección depende de tu caso de uso y las convenciones de tu equipo. Dos espacios es la opción más popular en JavaScript, TypeScript y archivos de configuración JSON — mantiene los archivos compactos mientras sigue siendo legible. Cuatro espacios son comunes en proyectos de Python y algunos entornos de Java. Las tabulaciones son preferidas por algunos equipos porque permiten a cada desarrollador configurar su editor para mostrarlas en cualquier ancho visual. Cuando tengas dudas, consulta el .editorconfig de tu proyecto o la configuración de linting. Para compartir JSON en documentación o mensajes donde la alineación visual importa más que el tamaño del archivo, 4 espacios tiende a ser lo más claro. Para respuestas de API en producción, siempre usa minificación en lugar de cualquier sangría.