Parsing JSON

Da zero ad eroe

Entra nel mondo della programmazione web: variabili, funzioni, array, DOM, eventi. Con esercizi pratici e progetti coinvolgenti.

• ⏱️ 8 ore di corso registrato
• 🧩 Più di 50 algoritmi risolti passo passo
• 🎯 Livello base — da zero ad eroe
• 💻 100% online, fruibile quando vuoi

Prezzo€ 19,90

🅿️Acquista con PayPal — € 19,90

Infatti ricordiamo che in JavaScript abbiamo scritto i nostri oggetti in questo modo:

var persona = {nome:'Coding',cognome:'Creativo',anni:30};

Come ho spiegato in questa lezione: creare un oggetto in JavaScript.

In JSON sono necessarie le virgolette sia per la chiave, sia per il valore.

Dunque dovrei scrivere:

var persona = '{"nome":"Coding","cognome":"Creativo","anni":30}';

Inoltre, così come per gli oggetti in JavaScript, JSON permette di utilizzare la struttura dati array.

Parsing JSON

var oggettoPersona = JSON.parse(persona);

console.log(oggettoPersona);

Facendo il console.log otteniamo la conversione in oggetto JavaScript.

Array di valori con JSON

Facciamo dunque un altro esempio creando un oggetto persone che contiene delle chiavi persona1, persona2 alle quali è assegnato un valore di tipo array. Ciascun array contiene poi un oggetto con altre coppie chiave:valore.
Ecco di seguito il nostro esempio:

var persone = `
{
  "persona1": [
    {
    "nome":"Coding",
    "cognome":"Creativo",
    "anni":30
    }
  ],
  "persona2": [
    {
    "nome":"Coding",
    "cognome":"Creativo",
    "anni":30
    }
  ]
  }`;

Se poi, in JavaScript, facciamo un semplice console.log, dell'oggetto persone, otteniamo una stringa, come da figura sotto:

console.log(persone);

Parsing JSON

Adesso facciamo il nostro parsing JSON, utilizzando il metodo JSON.parse.

var oggettoPersone = JSON.parse(persone);

Facciamo poi il console.log per vedere il nostro risultato:

Adesso otteniamo un oggetto che contiene coppie chiavi: valore dove il valore è un array, come si vede nella figura sotto.

Alcuni link utili

Indice tutorial JavaScript

Le funzioni di callback

Esempi funzioni di callback

Come utilizzare le callback e setTimeout

Cifrario di Cesare online

Come realizzare un convertitore da decimale a binario, ottale ed esadecimale

Come creare PDF con JavaScript

PDF da un form con JavaScript

Proprietà di un PDF con JavaScript

Libreria jsPDF