Introduzione

JSON (JavaScript Object Notation) è un formato testuale per rappresentare dati strutturati. È semplice, leggibile e indipendente dal linguaggio, ma deriva dalla sintassi degli oggetti JavaScript. In JavaScript lavoriamo con JSON tramite due funzioni integrate: JSON.stringify() e JSON.parse().

• JSON.stringify(): converte un oggetto JavaScript in stringa JSON.
• JSON.parse(): converte una stringa JSON in oggetto JavaScript.

Convertire un oggetto in JSON

Vediamo un esempio di serializzazione, cioè trasformare un oggetto in una stringa JSON.

Codice Esempio: oggetto in JSON

CODE: Javascript

1. let persona = { nome: "Maria", eta: 30, attivo: true };

3. // Conversione in stringa JSON

4. let jsonString = JSON.stringify(persona);

5. console.log(jsonString);

7. // Output: {"nome":"Maria","eta":30,"attivo":true}

Convertire JSON in oggetto

Vediamo ora il processo inverso: deserializzazione, cioè da stringa JSON a oggetto JavaScript.

Codice Esempio: JSON in oggetto

CODE: Javascript

1. let dati = '{"nome":"Luca","eta":25,"attivo":false}';

3. // Conversione in oggetto

4. let oggetto = JSON.parse(dati);

5. console.log(oggetto.nome); // Luca

6. console.log(oggetto.eta);  // 25

Gestione di array in JSON

JSON supporta array e oggetti annidati, quindi è utile per strutture complesse.

Codice Esempio: array in JSON

CODE: Javascript

1. let studenti = [

2.   { nome: "Giulia", voto: 28 },

3.   { nome: "Marco", voto: 30 }

4. ];

6. // Serializzazione

7. let jsonArray = JSON.stringify(studenti);

8. console.log(jsonArray);

10. // Deserializzazione

11. let parsed = JSON.parse(jsonArray);

12. console.log(parsed[1].nome); // Marco

Tabella riassuntiva

Considerazioni

JSON è lo standard per lo scambio dati nel web. In JavaScript le funzioni parse e stringify permettono di convertire rapidamente dati tra stringhe e oggetti, rendendo possibile il salvataggio e la trasmissione strutturata delle informazioni.