JSON (Notazione oggetto JavaScript ) è un modo pratico per condividere i dati. È facile da capire sia per le persone che per i computer. In JavaScript, JSON aiuta a organizzare i dati in oggetti semplici. Esploriamo come funziona JSON e perché è così utile per lo scambio di informazioni.

Sintassi dell'oggetto JSON:

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

Esempi di oggetti JSON JavaScript

Esempio 1: Ecco un esempio di creazione di un semplice oggetto JSON.

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

Spiegazione:

• { }> – Le parentesi graffe definiscono l'oggetto.
• 'name'> , 'age'> , 'city' -> Queste sono le chiavi (proprietà) dell'oggetto. Le chiavi sono sempre stringhe.
• 'John'> , 30> , 'New York' -> Questi sono i valori corrispondenti associati a ciascuna chiave.
• : -> Due punti(:) separa chiavi e valori.
• , -> La virgola(,) separa le diverse coppie chiave-valore all'interno dell'oggetto.

2. Accesso ai valori degli oggetti JSON

• È possibile accedere ai valori dell'oggetto utilizzando la notazione punto (.).
• Possiamo anche accedere agli oggetti utilizzando la notazione parentesi ([]).

Esempio: Nel programma seguente accediamo all'oggetto utilizzando . notazione.

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 

Spiegazione: Il codice JavaScript definisce un oggetto 'myOrder' con proprietà come nome del prodotto, costo e garanzia. Accede al nome del prodotto e lo assegna a 'i'. Infine, registra il nome del prodotto Earbuds sulla console.

3. Ciclo attraverso l'oggetto JSON

Il loop può essere eseguito in due modi:

• Il looping di un oggetto può essere eseguito utilizzando una proprietà for-in loop.
• Per eseguire il looping di un oggetto possiamo anche utilizzare le parentesi ([]) nella proprietà del loop for-in.

Esempio: Nell'esempio seguente stiamo accedendo a un oggetto in loop utilizzando la notazione parentesi[].

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 

Spiegazione: Il codice inizializza un oggetto 'myOrder' con i dettagli del prodotto. Itera su ciascuna proprietà utilizzando un ciclo 'for-in'. All'interno del ciclo, accede a ciascun valore di proprietà utilizzando la notazione tra parentesi e li registra nella console. Questo stampa i valori degli auricolari, 799 e 1 anno.

4. Conversione di un testo JSON in un oggetto JavaScript

Per convertire un testo JSON in un oggetto JavaScript, puoi utilizzare il file JSON.parse()> metodo .

Esempio: Questo esempio converte JSON in 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 

Spiegazione:

• JSON.parse()> analizza una stringa JSON, costruendo il valore JavaScript o l'oggetto descritto dalla stringa.
• Nell'esempio, jsonString> è una stringa in formato JSON.
• JSON.parse(jsonString)> converte la stringa JSON in un oggetto JavaScript, che viene archiviato nella variabile jsonObject> .
• È possibile accedere alle proprietà dell'oggetto JavaScript jsonObject> proprio come qualsiasi altro oggetto JavaScript.