JSON (Notación de objetos JavaScript ) es una forma práctica de compartir datos. Es fácil de entender tanto para las personas como para las computadoras. En JavaScript, JSON ayuda a organizar los datos en objetos simples. Exploremos cómo funciona JSON y por qué es tan útil para intercambiar información.

Sintaxis del objeto JSON:

const jsonData = { 'key1' : 'value1', ... }; 

Ejemplos de objetos JSON de JavaScript

Ejemplo 1: A continuación se muestra un ejemplo de cómo crear un objeto JSON simple.

const person = {  'name': 'John',  'age': 30,  'city': 'New York' }; 

Explicación:

• { }> – Las llaves definen el objeto.
• 'name'> , 'age'> , 'city' -> Estas son las claves (propiedades) del objeto. Las claves son siempre cadenas.
• 'John'> , 30> , 'New York' -> Estos son los valores correspondientes asociados con cada clave.
• : -> Dos puntos (:) separan claves y valores.
• , -> La coma (,) separa diferentes pares clave-valor dentro del objeto.

2. Acceder a valores de objetos JSON

• Se puede acceder a los valores del objeto utilizando la notación de punto (.).
• También podemos acceder a objetos usando la notación entre corchetes ([]).

Ejemplo: En el siguiente programa accedemos al objeto usando . notación.

let myOrder, i; // Object is created with name myOrder myOrder = {  'name_of_the_product': 'Earbuds',  'cost': '799',  'warranty': '1 year ' }; // Accessing for particular detail // from object myOrder i = myOrder.name_of_the_product; // It prints the detail of name // of the product console.log(i); 

Earbuds 

Explicación: El código JavaScript define un objeto 'myOrder' con propiedades como nombre del producto, costo y garantía. Accede al nombre del producto y lo asigna a `i`. Finalmente, registra el nombre del producto Earbuds en la consola.

3. Recorrer el objeto JSON

El bucle se puede realizar de dos maneras:

• El bucle de un objeto se puede realizar utilizando un bucle for-in de propiedad.
• Para hacer un bucle en un objeto, incluso podemos usar corchetes ([]) en la propiedad del bucle for-in.

Ejemplo: En el siguiente ejemplo, accedemos a un objeto en bucle utilizando la notación entre corchetes [].

let myOrder, a; myOrder = {  'name_of_product': 'earbuds',  'cost': '799',  'warranty': '1 year' }; for (a in myOrder) {  // Accessing object in looping  // using bracket notation  console.log(myOrder[a]); } 

earbuds 799 1 year 

Explicación: El código inicializa un objeto 'myOrder' con detalles del producto. Itera sobre cada propiedad usando un bucle 'for-in'. Dentro del bucle, accede a cada valor de propiedad utilizando notación entre corchetes y los registra en la consola. Esto imprime los valores de los auriculares, 799 y 1 año.

4. Convertir un texto JSON en un objeto JavaScript

Para convertir un texto JSON en un objeto JavaScript, puede utilizar el JSON.parse()> método .

Ejemplo: Este ejemplo convierte el JSON en un objeto JavaSctipt.

const jsonString = '{'name': 'John', 'age': 30}'; const jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); // Output: John console.log(jsonObject.age); // Output: 30 

John 30 

Explicación:

• JSON.parse()> analiza una cadena JSON, construyendo el valor u objeto JavaScript descrito por la cadena.
• En el ejemplo, jsonString> es una cadena con formato JSON.
• JSON.parse(jsonString)> convierte la cadena JSON en un objeto JavaScript, que se almacena en la variable jsonObject> .
• Puede acceder a las propiedades del objeto JavaScript. jsonObject> como cualquier otro objeto de JavaScript.