Formatear JSON en JavaScript

1. Utilice el método JSON.stringify() para formatear un objeto JSON en JavaScript
2. Utilice los métodos JSON.stringify() y JSON.parse() para formatear una cadena JSON en JavaScript

Este artículo presentará algunos métodos para formatear un valor JSON en JavaScript.

Utilice el método JSON.stringify() para formatear un objeto JSON en JavaScript

Podemos usar el método JSON.stringify() para formatear JSON en JavaScript. El método se utiliza para convertir un valor de JavaScript en una cadena JSON.

Un valor de JavaScript puede ser cualquier cosa, como un objeto, una matriz, una cadena, etc. Esta sección utilizará el método para formatear un objeto JSON.

Primero, entendamos el método sintácticamente. La sintaxis del método JSON.stringify() se muestra a continuación.

JSON.stringify(value, replacer, space)

Aquí, valor es cualquier valor de JavaScript como objetos, matrices, etc., que se convertirán en una cadena. El parámetro replacer modifica la forma en que se encadena value.

El parámetro espacio establece el espacio en blanco en la salida en cadena.

Puede ser de dos tipos: número o cadena. Los parámetros replacer y value son opcionales.

Podemos usar el método JSON.stringify() para formatear un objeto JSON sin procesar y establecer el parámetro espacio.

Para la opción replacer, podemos establecer null. Esto encadenará las claves del objeto.

Por ejemplo, cree una variable persona y asigne un objeto sin procesar.

var person = {'name': 'Micheal', 'city': 'Stockholm'}

A continuación, utilice el método JSON.stringify(), donde el objeto persona es el valor. Establezca null como segundo parámetro y el número 4 como tercer parámetro.

De nuevo, replique el método pero esta vez cambie 4 por "\t". Finalmente, imprima el objeto de origen y los dos objetos en cadena.

Código de ejemplo:

var person = {'name': 'Micheal', 'city': 'Stockholm'}

console.log(person)
console.log(JSON.stringify(person, null, 4))
console.log(JSON.stringify(person, null, "\t"))

Producción :

{ name: 'Micheal', city: 'Stockholm' }
{
    "name": "Micheal",
    "city": "Stockholm"
}
{
        "name": "Micheal",
        "city": "Stockholm"
}

En el ejemplo anterior, primero imprimimos el objeto JSON sin procesar. No está formateado.

A continuación, usamos el número 4 como espacio para formatear el objeto. Como resultado, cada par clave-valor en el objeto se formatea en líneas nuevas.

El número 4 determina que hay cuatro espacios en blanco antes del inicio de cada línea. De manera similar, también usamos la cadena "\t" como espacio en la tercera llamada.

También formateó el objeto pero con algunos espacios adicionales.

De esta forma, podemos usar el método JSON.stringify() para formatear un objeto JSON en JavaScript.

Utilice los métodos JSON.stringify() y JSON.parse() para formatear una cadena JSON en JavaScript

Podemos usar la combinación de los métodos JSON.stringify() y JSON.parse() para formatear la cadena JSON en JavaScript. Este enfoque es similar a cómo formateamos el objeto JSON, como lo hicimos en el primer método.

La única diferencia es que analizaremos la cadena con el método JSON.parse() antes de usarla como un valor en el método JSON.stringify().

El método JSON.parse() convertirá la cadena en un objeto JSON. Luego, el objeto se usa como parámetro para el método JSON.stringify().

Por ejemplo, podemos usar el mismo objeto persona para formatear la cadena JSON. Sin embargo, esta vez, envuelva la variable persona con una comilla, que será una cadena JSON.

mira el siguiente ejemplo.

var person = '{"name":"Micheal", "city":"Stockholm"}'

console.log(person)
console.log(JSON.stringify(JSON.parse(person), null, 4))
console.log(JSON.stringify(JSON.parse(person), null, '\t'))

Producción :

{"name":"Micheal", "city":"Stockholm"}
{
    "name": "Micheal",
    "city": "Stockholm"
}
{
        "name": "Micheal",
        "city": "Stockholm"
}

Aquí, hemos analizado una cadena JSON en un objeto utilizando el método JSON.parse(). Luego, usamos el método JSON.stringify() para formatear el objeto.

De esta forma, puedes usar la combinación de los métodos JSON.parse() y JSON.stringify() para formatear una cadena JSON en JavaScript.