Genere JSON formateado y fácil de leer en JavaScript

1. Genere JSON formateado y fácil de leer en JavaScript
2. Genere JSON formateado y fácil de leer usando el método parse()
3. Genere JSON formateado y fácil de leer usando el método stringify()

JSON significa Notación de objetos de JavaScript. Es un formato estándar basado en texto basado en la sintaxis de JavaScript para representar datos estructurados. Por lo general, JSON transfiere datos en aplicaciones web, como enviar datos del cliente del servidor y del servidor al cliente.

En JSON, almacenamos datos en pares clave-valor, como se muestra a continuación.

Estructura JSON:

{

 "StringData": "name",
 "IntData": 10,
 "booleanData": true,
 "arrayData":[]

}

Genere JSON formateado y fácil de leer en JavaScript

Para transformar los datos en una forma más legible, tenemos métodos predeterminados en JavaScript para conversiones. En el desarrollo web, nos enfrentamos a una preocupación común cuando transmitimos datos al servidor o si necesitamos obtener un registro de un servidor; en su mayoría, tenemos cadenas JSON sin procesar de un servidor.

Necesitamos convertirlo en un objeto JavaScript por nosotros mismos. Y si vamos a enviar datos al servidor, estamos obligados principalmente a convertirlos en una cadena JSON.

En JavaScript tenemos dos métodos, parse() y stringify(), para lograr ambos tipos de conversiones.

Genere JSON formateado y fácil de leer usando el método parse()

En JavaScript, utilizando el método parse(), podemos convertir datos de cadena JSON en un objeto JavaScript. Este método aceptará cadenas JSON y devolverá el objeto JavaScript como parámetros.

Sintaxis básica:

let objectData = JSON.parse(jsonStringData);

Código de ejemplo:

<script>

let stringJSON = '{"name":"user name", "age":15, "city":"city name"}'

const javascriptObject = JSON.parse(stringJSON);

console.log("converted data :")

console.log(javascriptObject)

</script>

Producción :

   "converted data :"
 {
     age: 15,

     city: "city name",

     name: "user name"

    }

Explicación del código de ejemplo:

1. En este código fuente de JavaScript, hemos declarado datos de cadena JSON.
2. Luego, usamos el método parse(), pasamos los datos de la cadena JSON como parámetro y almacenamos el resultado en una variable.
3. Finalmente, mostramos los datos convertidos usando console.log().

Genere JSON formateado y fácil de leer usando el método stringify()

En JavaScript, utilizando el método stringify(), podemos convertir objetos de JavaScript en datos de cadena JSON. Como parámetro, este método aceptará el objeto JavaScript.

Sintaxis básica:

let jsonString = JSON.stringify(jsonObject);

Código de ejemplo:

<script>

let jsonObject = {

 age: 15,

 city: "city name",

 name: "user name"

}

const jsonString = JSON.stringify(jsonObject);

console.log("converted data :")

console.log(jsonString)

</script>

Producción :

"converted data :"

   "{\"age\":15,\"city\":\"city name\",\"name\":\"user name\"}"

Explicación del código de ejemplo:

1. Declaramos datos de objetos JSON en el código fuente de JavaScript anterior.
2. Después de eso, usamos el método stringify(), pasamos los datos del objeto JSON como parámetro y almacenamos el resultado en una variable.
3. Finalmente, mostramos los datos convertidos usando console.log().