Cómo imprimir de forma bonita un objeto JSON con JavaScript

En un artículo anterior, vimos cómo usar el JSON.stringify() método para serializar un objeto JSON en una cadena JSON. Esto es extremadamente útil cuando se envían datos JON desde un cliente a un servidor.

En este artículo, aprenderá a usar el JSON.stringify() método para imprimir un objeto JSON en JavaScript.

El JSON.stringify() El método acepta hasta tres parámetros:el objeto JSON, un sustituto y un espacio. Solo se requiere el objeto JSON. Los dos parámetros restantes son opcionales.

Si omite los parámetros opcionales al llamar a JSON.stringify() , la cadena JSON de salida no incluirá espacios ni saltos de línea. Esto dificulta la lectura de la cadena JSON serializada, especialmente cuando la escribe en un archivo.

Para mejorar la legibilidad, lo que puede hacer es pasar un número como el tercer argumento que representa el total de espacios en blanco para insertar. El recuento de espacios en blanco debe estar entre 0 y 10:

const obj = {
    name: 'Atta',
    profession: 'Software Engineer',
    country: 'PK',
    skills: ['Java', 'Spring Boot', 'Node.js', 'JavaScript']
};

// serialize JSON object
const str = JSON.stringify(obj, null, 4);

// print JSON string
console.log(str);

El ejemplo anterior serializará el objeto JSON en la siguiente cadena:

{
    "name": "Atta",
    "profession": "Software Engineer",
    "country": "PK",
    "skills": [
        "Java",
        "Spring Boot",
        "Node.js",
        "JavaScript"
    ]
}

Como puede ver arriba, la cadena JSON serializada tiene el formato adecuado y es mucho más legible por humanos que el comportamiento predeterminado. Así es como se ve la cadena JSON de salida cuando omite el parámetro de espacio:

{"name":"Atta","profession":"Software Engineer","country":"PK","skills":["Java","Spring Boot","Node.js","JavaScript"]}

Eso es todo. Eche un vistazo a esta guía para obtener más información sobre el análisis y la serialización de datos JSON en JavaScript.