JSON (Notació d'objectes de JavaScript ) és una manera útil de compartir dades. És fàcil d'entendre tant per a les persones com per als ordinadors. A JavaScript, JSON ajuda a organitzar les dades en objectes simples. Explorem com funciona JSON i per què és tan útil per intercanviar informació.

Sintaxi de l'objecte JSON:

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

Exemples d'objectes JSON de JavaScript

Exemple 1: Aquí teniu un exemple de creació d'objectes JSON senzills.

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

Explicació:

• { }> – Les claus defineixen l'objecte.
• 'name'> , 'age'> , 'city' -> Aquestes són les claus (propietats) de l'objecte. Les claus són sempre cadenes.
• 'John'> , 30> , 'New York' -> Aquests són els valors corresponents associats a cada clau.
• : -> Dos punts (:) separa claus i valors.
• , -> La coma(,) separa diferents parells clau-valor dins de l'objecte.

2. Accés als valors d'objectes JSON

• Es pot accedir als valors de l'objecte mitjançant la notació de punt (.).
• També podem accedir als objectes mitjançant la notació de claudàtors([]).

Exemple: Al programa següent estem accedint a l'objecte mitjançant . notació.

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ó: El codi JavaScript defineix un objecte 'myOrder' amb propietats com el nom del producte, el cost i la garantia. Accedeix al nom del producte i l'assigna a 'i'. Finalment, registra el nom del producte Earbuds a la consola.

3. Recorregut a través de l'objecte JSON

El bucle es pot fer de dues maneres:

• El bucle d'un objecte es pot fer utilitzant una propietat for-in bucle.
• Per fer un bucle d'un objecte, fins i tot podem utilitzar claudàtors ([]) a la propietat del bucle for-in.

Exemple: A l'exemple següent estem accedint a un objecte en bucle mitjançant la notació de claudàtors[].

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ó: El codi inicialitza un objecte 'myOrder' amb els detalls del producte. Itera sobre cada propietat utilitzant un bucle 'for-in'. Dins del bucle, accedeix a cada valor de propietat mitjançant la notació de claudàtors i els registra a la consola. Això imprimeix els valors dels auriculars, 799 i 1 any.

4. Convertir un text JSON en un objecte JavaScript

Per convertir un text JSON en un objecte JavaScript, podeu utilitzar el JSON.parse()> mètode .

Exemple: Aquest exemple converteix el JSON a JavaSctipt Object.

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ó:

• JSON.parse()> analitza una cadena JSON, construint el valor o l'objecte JavaScript descrit per la cadena.
• En l'exemple, jsonString> és una cadena amb format JSON.
• JSON.parse(jsonString)> converteix la cadena JSON en un objecte JavaScript, que s'emmagatzema a la variable jsonObject> .
• Podeu accedir a les propietats de l'objecte JavaScript jsonObject> igual que qualsevol altre objecte JavaScript.