Cómo formatear y validar datos JSON paso a paso
Respuesta rápida
Para formatear JSON: pegue su JSON en el formateador JSON y la salida embellecida con la sangría adecuada aparecerá instantáneamente. Para validar JSON: la herramienta verifica automáticamente la sintaxis y muestra un error con la ubicación si no es válida. Todo el procesamiento se realiza localmente: sus datos nunca se cargan.
Introducción
JSON (Notación de objetos JavaScript) es el formato de datos más común para APIs web y archivos de configuración. El JSON sin procesar de APIs a menudo se minimiza en una sola línea, lo que dificulta su lectura. El formateo (también llamado embellecimiento o impresión bonita) agrega sangría y saltos de línea para que los humanos puedan leerlo. La validación verifica que la sintaxis JSON sea correcta: una sola coma mal colocada o una comilla faltante pueden arruinar toda su aplicación. Esta guía le muestra cómo formatear y validar JSON en su navegador.
Paso a paso
-
Abra la herramienta de formateo JSON
Vaya a la página de la herramienta Formateador JSON. La herramienta acepta cualquier cadena JSON como entrada: objetos, matrices o estructuras anidadas.
-
Pega tus datos JSON
Pegue el JSON que desea formatear o validar en el área de texto de entrada. Esto podría ser una respuesta API, un archivo de configuración o una cadena JSON de su código.
-
Revisar la salida formateada
La herramienta analiza su JSON y lo vuelve a serializar con sangría de 2 espacios y saltos de línea. La salida formateada aparece instantáneamente en el campo de resultados. Si JSON no es válido, aparece un mensaje de error con la ubicación del problema de sintaxis.
-
Verificar estado de validación
Si JSON es válido, la herramienta muestra un indicador de éxito y la salida formateada. Si no es válido, muestra el error de análisis, como "Token inesperado en la posición 42", para que puedas solucionar el problema de sintaxis en tu fuente.
-
Copiar o minimizar el resultado
Utilice el botón Copiar para copiar el JSON formateado a su portapapeles. Algunas herramientas también ofrecen un botón Minificar para eliminar todos los espacios en blanco, lo que resulta útil para reducir el tamaño de la carga útil en producción.
Ejemplos
Formato minimizado JSON
Aporte: {"name":"Alice","age":30,"roles":["admin","user"]}
Producción: {
"name": "Alice",
"age": 30,
"roles": ["admin", "user"]
}
Detectar JSON no válido (coma al final)
Aporte: {"a":1,"b":2,}
Producción: Error: Unexpected token } at position 11
Detectar JSON no válido (comillas simples)
Aporte: {'name':'Alice'}
Producción: Error: token inesperado ' en la posición 1
Problemas comunes
- El uso de comillas simples para cadenas —JSON requiere comillas dobles para todas las cadenas y claves.
- Comas al final del último elemento: JSON no permite una coma antes de } o ].
- Comentarios en JSON: el estándar JSON no admite comentarios // o /* */. Utilice JSONC o JSON5 si necesita comentarios.
- Claves sin comillas: a diferencia de los literales de objetos de JavaScript, JSON requiere que todas las claves estén entre comillas dobles.
- Valores indefinidos, NaN o infinitos: JSON solo admite valores nulos, no indefinidos ni NaN.
Consejos
- Valide siempre JSON antes de enviarlo en una solicitud API; un error de sintaxis puede provocar una respuesta 400 Bad Request.
- Utilice JSON minimizado en producción para ahorrar ancho de banda y formateado JSON en desarrollo para facilitar la lectura.
- JSON no admite objetos de fecha: serializa fechas como cadenas ISO 8601 (por ejemplo, "2026-09-02T00:00:00Z").
- Utilice JSON.parse() en JavaScript para convertir una cadena JSON en un objeto, y JSON.stringify() para convertir un objeto en una cadena JSON.