Come lavorare con JSON in JavaScript?
JSON -Basic Intro
JSON è la rappresentazione testuale dei dati che semplifica il trasferimento di dati a velocità davvero elevate. In JSON, differenzi una chiave e un valore mettendo un colon ":" tra loro e metti una virgola tra diverse coppie di valore chiave. Inoltre, le coppie di valori chiave sono chiuse all'interno parentesi graffe:
Sintassi di JSON
La sintassi di JSON è piuttosto semplice, è la seguente:
Key1: valore,
Key2: valore
Lavorare con JSON
Per lavorare con JSON in JavaScript, il JSON viene archiviato per la prima volta all'interno di una variabile per renderlo un oggetto JSON.
Ad esempio, immagina di avere un dati JSON di una persona contenente le seguenti informazioni come:
primo nome: "John",
LastName: "Doe",
Età: 22,
Città: "NewYork",
Per convertirlo in un oggetto utilizzabile in JavaScript, lo mettiamo semplicemente uguale a un oggetto con il seguente codice:
const Person =primo nome: "John",
LastName: "Doe",
Età: 22,
Città: "NewYork",
;
Come puoi vedere, hai creato una variabile persona Questo ora ha un oggetto con le informazioni su quella persona come FirstName, LastName e così via; Per assicurarci di essere in grado di usarlo all'interno di JavaScript, stamperemo semplicemente questo oggetto sullo schermo usando il console.tronco d'albero() funzione:
console.registro (persona);Lo snippet completo del codice sarebbe:
const Person =primo nome: "John",
LastName: "Doe",
Età: 22,
Città: "NewYork",
;
console.registro (persona);
Quando esegui questo codice, vedrai il seguente output:
Come puoi vedere sulla tua console, possiamo vedere un oggetto stampato. Questo perché abbiamo creato un oggetto impostandolo uguale a una variabile.
Accesso al valore da un oggetto JSON
Per accedere ai valori dall'interno dell'oggetto JSON, si utilizza il OPERATORE DOT con il nome del "chiave".
Prendendo l'oggetto JSON sopra, se si desidera stampare il nome, usa la riga seguente:
console.registro (persona.nome di battesimo);Vedrai il seguente output:
Puoi anche stampare il nome completo usando la riga seguente:
console.tronco d'albero("Il nome completo della persona è come:" + persona.primo nome + persona.cognome
);
Otterrai il seguente output:
Come puoi vedere, abbiamo concatenato il nome e il cognome e lo abbiamo visualizzato sulla console.
In questo modo puoi accedere alle coppie di valore chiave JSON.
Apprendendo nell'oggetto JSON
Se vuoi aggiungere un valore all'interno di un oggetto JSON, puoi farlo usando il OPERATORE DOT. Innanzitutto, dare la "chiave" dopo il punto e impostarlo uguale al suo valore come mostrato nella seguente sintassi:
JSONObject.newKey = value;Nel caso in cui si desideri aggiungere il lavoro della persona nell'oggetto menzionato nell'esempio sopra, puoi farlo usando la seguente riga di codice:
persona.Giobbe = "revisore dei conti";console.registro (persona.lavoro);
Lo snippet completo è come:
const Person =primo nome: "John",
LastName: "Doe",
Età: 22,
Città: "NewYork",
;
console.tronco d'albero(
"Il nome completo della persona è come:" + persona.primo nome + persona.cognome
);
persona.Giobbe = "revisore dei conti";
console.log ("E il lavoro della persona è:");
console.registro (persona.lavoro);
Quando si esegue lo snippet di codice sopra, ottieni il seguente output sullo schermo:
Come puoi vedere, il lavoro All'inizio non faceva parte dell'oggetto JSON, ma sei stato in grado di aggiungerlo all'oggetto JSON e stamparlo anche sulla console.
Convertire l'oggetto JSON in oggetto stringa
Come accennato in precedenza, JSON viene trasferito come dati testuali, quindi se si desidera convertire un oggetto JSON in un oggetto stringa è possibile farlo usando il metodo:
JSON.stringify (oggetto);Se si desidera convertire l'oggetto persona sopra menzionato in una stringa e stamparlo sulla console, puoi farlo usando le seguenti righe di codice:
console.Registro (JSON.stringify (persona));Quando esegui il codice, otterrai il seguente output sullo schermo:
Come puoi vedere, l'oggetto JSON è stato convertito in un oggetto stringa, questo è molto utile nel trasferimento di dati su Internet a velocità davvero elevate.
Conclusione
JSON è la struttura di trasferimento dei dati più utilizzata al mondo a causa di una grande luce e facile da trasferire. JSON si basa sulla sintassi di un normale oggetto JS, ma è totalmente diverso dall'oggetto JS poiché un oggetto può avere un metodo al suo interno mentre JSON è solo informazioni in quanto contiene coppie di valore chiave. Tuttavia, non è limitato a JavaScript, JSON è disponibile in quasi tutti i linguaggi di programmazione. Abbiamo appreso di JSON, il suo utilizzo, come lavorare con JSON all'interno di JavaScript, come accedere ai valori JSON e come aggiungere un oggetto JSON. Infine, abbiamo imparato a convertire un oggetto JSON in un oggetto stringa.