JSON.PASE E JSON.Stringify | Spiegato con esempi

Una delle più grandi caratteristiche di JavaScript è la sua notazione JSON per il trasferimento di dati, l'oggetto JSON è percepito da tutti i browser aggiornati e viene utilizzato in quasi tutti i linguaggi di programmazione disponibili nel mercato attuale. JSON è una notazione di dati molto leggera e amica dell'uomo che è anche leggibile dai linguaggi di programmazione.

Gli oggetti JSON vengono trasferiti o letti dal programma sotto forma di stringhe chiamate stringhe JSON. Per identificare la stringa JSON, cerca semplicemente le virgolette su entrambe le estremità della banale notazione JSON. Tuttavia, le stringhe JSON devono essere convertite in oggetti JSON in modo da non dover utilizzare le operazioni di stringa nel nostro programma.

Allo stesso modo, per trasferire i dati da un programma a un altro - o diciamo solo dal server al lato client - è meglio convertire l'oggetto JSON in una stringa JSON. Per queste conversioni, ES6 JavaScript ha fornito due funzioni “Json.Parse () e JSON.Stringify () ".

JSON.Stringify () e il suo utilizzo

Gli oggetti JavaScript vengono convertiti in stringhe con "JSON.Stringify ()". Per dimostrare questa funzione, avremo bisogno di un oggetto che può essere creato con le seguenti righe di codice:

var myobject =
Nome: "John Doe",
Età: 15,
Email: "[email protected] ",
Giobbe: "revisore dei conti",
;

È possibile stampare questo oggetto sulla console utilizzando la riga seguente:

console.log (myobject);

Otterrai il seguente output sulla tua console.

Ora possiamo passare questo oggetto nel JSON.Funzione Stringify () e archiviarla all'interno di un'altra variabile usando la riga seguente:

var converted = json.Stringify (myObject);

Questa variabile può essere stampata utilizzando la console.Log () funzione:

console.registro (convertito);

Dopo aver eseguito il seguente programma, è necessario vedere il seguente output sulla tua console:

Come puoi vedere, siamo stati in grado di convertire l'oggetto JSON in una stringa che può essere trasferita su una rete o memorizzata in alcuni file per un uso successivo.

IL Stringify () La funzione prende 2 argomenti aggiuntivi che sono opzionali ma ancora molto utili:

• Uno è la funzione nota come sostituto discussione
• il secondo è chiamato il spazio discussione

Il parametro sostitutivo

Il sostituto è una funzione che crea con due parametri:

• chiave
• valore, corrispondente alla coppia di valore chiave dell'oggetto.

IL sostituto Il metodo viene utilizzato per verificare un valore specifico o restituire un'altra stringa anziché il valore originale. IL sostituto Il metodo può anche essere utilizzato per saltare una coppia di valore chiave dalla stringa convertita restituendo un non definito valore.

Per creare un semplice metodo di sostituzione che salterà la coppia di valore chiave dalla stringa risultante se il valore di è "revisore dei conti", per questo utilizzare le seguenti righe di codice:

funzione sostituita (tasto, valore)
if (value === "revisore")
restituire indefinito;

valore di ritorno;

Per creare una nuova stringa risultante con dal nostro oggetto JavaScript e stamparla utilizza la riga seguente:

console.Registro (JSON.Stringify (myObject, replicer));

Ottieni il seguente risultato sulla console:

Come puoi vedere, dal "lavoro"La chiave aveva il valore di"Revisore dei conti"Pertanto è stato saltato dalla stringa risultante

Il parametro spaziale

Il terzo argomento del JSON.Stringify () La funzione è il parametro spaziale, questo parametro prende una stringa o un numero per le seguenti azioni:

• Se viene passata una stringa, quella stringa viene aggiunta prima delle coppie di valore chiave
• Se viene passato un numero, viene aggiunto quel numero di spazi tra le coppie di valore chiave

Per dimostrare l'argomento distanziatore, utilizziamo la seguente riga di codice:

console.Registro (JSON.Stringify (myObject, null, 10));

Osserverai il seguente risultato sulla console:

È possibile osservare lo spazio tra ogni coppia di valore chiave (lo spazio è contrassegnato dalla linea gialla per renderlo più prominente)

Per dimostrare l'appendimento di una stringa prima di ciascuna coppia di valore chiave nella stringa risultante, utilizzare le seguenti righe di codice:

console.Registro (JSON.stringify (myobject, null, "a"));

Osserverai il seguente risultato sulla console:

La sottostringa prefissata è facilmente evidente

JSON.Parse () e il suo utilizzo

Il json.La funzione Parse () viene utilizzata per convertire una stringa più precisamente JSON in un oggetto JSON. Per dimostrarlo, crea una nuova stringa JSON con la seguente riga di codice:

const string = '"nome": "John Doe", "Age": 15, "Email": "[email protected] "," lavoro ":" revisore " ';

Per creare un oggetto JSON, passare questa stringa nella funzione Parse () e memorizzare l'oggetto risultante in una nuova variabile usando la seguente riga di codice:

const myobject = json.Parse (String);

Per osservare questo oggetto risultante, utilizzare la funzione del registro della console in questo modo:

console.log (myobject);

All'esecuzione, è necessario osservare il seguente output sulla tua console:

È possibile accedere ai valori da questo oggetto risultante come qualsiasi altro oggetto normale, prova la seguente riga di codice per verificarlo:

console.registro (myobject.Giobbe + "" + myObject.nome);

Otterrai il seguente output sulla tua console:

Questo è tutto per JSON.funzione parse () e json.funzione stringify ()

Conclusione

Il json.La funzione Parse () viene utilizzata per convertire una stringa in un oggetto JavaScript mentre il JSON.La funzione Stringify () viene utilizzata per convertire un oggetto JavaScript in una stringa. La stringa JSON viene utilizzata ogni volta che vogliamo trasferire i dati da un programma a un altro, all'interno del programma, è meglio utilizzare l'oggetto JavaScript anziché utilizzare le operazioni di stringa. JavaScript fornisce queste due funzioni come funzioni integrate e queste funzioni sono supportate da tutti i browser moderni.