JSON.Metodo Stringify | Spiegato

JSON è uno standard per il trasferimento di dati su server e clienti ed è il formato più famoso che è accettato da quasi tutti i moderni linguaggio di programmazione. Ogni volta che i dati devono essere trasferiti su Internet, vengono trasferiti come valore stringa. Quando questo valore di stringa viene ricevuto dall'applicazione, viene analizzato in un oggetto. Allo stesso modo, gli oggetti vengono convertiti in stringhe JSON prima di inviarle su Internet.

In JavaScript, il metodo utilizzato per convertire gli oggetti JavaScript nella stringa JSON è il Stringify () metodo, e oggi copriremo il suo utilizzo e la sua sintassi insieme ad esempi.

Il metodo Stringify ()

Questo metodo è stato introdotto nella versione ES6 di JavaScript, questo metodo viene utilizzato per convertire gli oggetti JavaScript e gli oggetti JSON in stringhe JSON. Per dimostrarlo, prendi il seguente oggetto:

var superero =
Nome: "Bruce Wayne",
"Super Power": "Super Rich",
"Cars di proprietà": [

Nome: "Murciélago",
Modello: "LP 640",
Stato: "Crastrato",
,

Nome: "Aventador",
Modello: "LP 700-4",
Stato: "sembra guidabile dopo l'incidente",
,
",
;

Se stampiamo questo oggetto sulla console usando la riga seguente:

console.log (supereroe);

Il risultato sulla console è:

Dall'output, è chiaro che è effettivamente preso come oggetto dalla nostra applicazione JavaScript. La stampa di questo oggetto sulla console era importante in modo da poter vedere la differenza tra un output di stringhe e un output di oggetti (perché a volte si confondono soprattutto quando si lavorano con i redattori di codice)

Per convertirlo in una stringa JSON utilizziamo la seguente riga di codice:

VAR Superostring = JSON.Stringify (supereroe);

Per verificare questa conversione, utilizzare la riga seguente per stampare la variabile Superostring sulla console:

console.registro (supereroostring);

Ottiamo il seguente risultato sulla console:

Puoi osservare che questa volta abbiamo stampato una stringa sulla console

Il metodo Stringify () | Sintassi

Il metodo Stringify () prende un oggetto JavaScript, lo converte in una stringa e quindi restituisce quella stringa come sua valore di ritorno. La sintassi è definita come

Stringify (valore: qualsiasi, sostituto?: (questo: qualsiasi, chiave: stringa, valore: qualsiasi) => any, spazio?: stringa | numero): stringa;

La sintassi sopra sembra abbastanza scoraggiante se semplicemente la sintassi diventa:

stringify (oggetto, sostituto, spazio);

Da questa sintassi, puoi vedere che ci vogliono 3 argomenti:

• L'oggetto da convertire nella stringa JSON
• Un metodo sostitutivo (che è facoltativo)
• Un parametro spaziale che è anche facoltativo

Stringify () | Il parametro di sostituzione e spazio

Per spiegare il parametro di sostituzione e spazio, abbiamo prima bisogno di un oggetto che convertiremo in una stringa JSON, è possibile creare un oggetto usando le seguenti righe:

var persona =
Auto: "Tesla",
strumento: "chitarra",
Età: 25,
Città: "New York"

Possiamo passare questo oggetto nel metodo stringo e visualizzare il risultato usando la riga seguente:

console.Registro (JSON.stringify (persona));

Questo ci darà il seguente risultato:

Ma cosa succede se non volessimo includere la coppia di "valore chiave" che ha la chiave "età". Per questo, possiamo scrivere un metodo di sostituzione e passarlo all'interno del secondo argomento del metodo Stringify.

L'argomento sostitutivo

Questo argomento prende un metodo di sostituzione (), il metodo sostitutivo () prende 2 parametri, uno è la chiave e l'altro è il valore. Per ignorare una coppia di valore chiave, possiamo restituire un non definito valore. Digita le seguenti righe di codice:

functionReplacer (tasto, valore)
if (key === "age")
returndefined;

valore di ritorno;

Ora, se utilizziamo questo metodo sostitutivo come argomento al metodo Stringify con le seguenti righe di codice:

console.Registro (JSON.stringify (persona, sostituto));

Ottiamo il seguente output sulla nostra console:

Come puoi vedere, il valore chiave coppia con il Key = "Age" è stato escluso dalla stringa risultante.

L'argomento spaziale

Lo spazio o l'argomento distanziatore pone una certa quantità di spazio tra ciascuno valore chiave paio. Ad esempio, se vogliamo uno spazio di 10 caratteri tra ogni coppia di valore chiave, possiamo usare la seguente riga di codice:

console.Registro (JSON.Stringify (persona, null, 10))

Otterrai il seguente risultato sulla tua console:

Ho segnato lo spazio con una linea rossa per renderlo prominente

Puoi usare anche una stringa per l'argomento spaziale. Questa stringa verrà aggiunta come sottostringa prima di ogni coppia di valore chiave. Per dimostrarlo, prendi la seguente riga di codice:

console.Registro (JSON.stringify (persona, null, "s"));

Otterrai il seguente risultato sulla tua console:

Come puoi vedere, l'argomento "S" è stato aggiunto come sottostringa prima di ciascuno valore chiave paio.

Conclusione

Il json.Il metodo Stringify () viene utilizzato per convertire gli oggetti JavaScript in stringhe JSON in modo che possano essere trasferiti su Internet o tra varie applicazioni sulla macchina locale. Questo metodo è stato aggiunto in JavaScript con il rilascio della versione ECMAV6 di JavaScript in esecuzione sul motore V8 JavaScript. In questo post, abbiamo appreso i dettagli del Stringify () Metodo e il suo utilizzo insieme ai suoi esempi.