Come convertire l'oggetto JavaScript in formato stringa JSON

Se si utilizza qualsiasi applicazione Web, esistono possibilità che si utilizzano l'oggetto JavaScript o JSON per organizzare, archiviare e inviare dati tra il server e quella specifica applicazione. Con l'aiuto del JSON.Metodo Stringify (), È possibile convertire facilmente un oggetto JavaScript in una stringa che avrà un formato JSON valido. Viene in genere utilizzato per generare una stringa pronta che può essere consegnata a un server.

Questo articolo spiegherà JSON.Metodo Stringify () in JavaScript. Dimostreremo anche gli esempi relativi all'utilizzo di JSON.Metodo Stringify () con array di sostituti, funzione sostituita, E spazio parametro in questo articolo. Quindi iniziamo!

Cos'è JSON.Metodo Stringify ()

Come sviluppatore JavaScript, potrebbe essere necessario serializzare i dati su String per archiviare nel database dell'applicazione o inviarli a qualsiasi server Web o API. Se è necessario inviare dati specifici a un server Web, deve essere in formato stringa.

Sintassi di JSON.Metodo Stringify ()

JSON.stringify (valore, sostituto, spazio);

Puoi vedere dalla sintassi sopra offerti che il json.Il metodo Stringify () ha i parametri: "valore","sostituto", E "spazio":

• Il primo parametro, "valore"Rappresenta il"oggetto"Che convertiremo in una stringa.
• Il secondo parametro, "sostituto"Rappresenta un vettore o qualsiasi funzione di modifica che può essere utilizzato come filtro per il JSON.Metodo Stringify ().
• Infine, il "spazio"I parametri controlla gli spazi nella stringa generata finale.

IL "sostituto" E "spazio"I parametri sono opzionali, mentre è necessario passare qualsiasi oggetto come"valore"Al JSON.metodo Stringify () in modo che possa restituire una stringa.

Esempio: JSON.Metodo Stringify () in JavaScript

Nell'esempio seguente, utilizzeremo il JSON.Metodo Stringify () per la conversione di un oggetto in una stringa in JavaScript. A tale scopo, in primo luogo creeremo un oggetto JavaScript "obj"E aggiungi alcune coppie di valore chiave per questo:

var obj = "nome": "Alex", "Age": 25, "City": "Paris";

Successivamente, passeremo "obj"Al JSON.Metodo Stringify () e la stringa restituita verrà archiviata in "JSON":

var json = json.Stringify (OBJ);

Dopo aver invocato il JSON.Metodo Stringify (), i tasti aggiunti nel nostro "obj"L'oggetto JavaScript viene convertito in una stringa, tuttavia, il metodo specificato ha elaborato i loro valori in base al loro tipo:

console.log (json);

È possibile utilizzare qualsiasi sandbox di codifica online o il tuo editor di codice preferito per l'esecuzione del programma JavaScript fornito; Tuttavia, useremo il codice Visual Studio:

L'output del programma sopra mostra che il JSON.Il metodo Stringify () ha convertito correttamente l'oggetto aggiunto in una stringa:

JSON.Metodo Stringify () con sostituto

Come menzionato sopra, "sostituto"È un argomento passato al JSON.Metodo Stringify () per apportare modifiche in un oggetto JavaScript prima della sua conversione in una stringa. IL "sostituto"Parametro di JSON.Il metodo Stringify () può essere un vettore o a funzione. Ti forniremo esempi relativi ad entrambi i casi.

Esempio: JSON.Metodo Stringify () con funzione sostituita

Per definire una funzione di sostituzione, in primo luogo, è necessario specificare "chiave" E "valore"Come i suoi argomenti. Successivamente, è possibile aggiungere qualsiasi dichiarazione condizionale nel suo corpo e impostare questa funzione per restituire un "valore".

In questo esempio, proveremo a convertire il valore di un oggetto in lettere maiuscole prima di convertirlo in una stringa. Per farlo, creeremo un "obj"Oggetto JavaScript con tre coppie di valori chiave:

var obj = "nome": "Alex", "Age": "20", "City": "Paris";

Quindi, invocheremo il JSON.Metodo Stringify () e aggiungere la funzione sostituita per convertire il valore di "città"Chiave nella lettera maiuscola. Dopo aver eseguito questa operazione, il JSON.Il metodo Stringify () convertirà "obj"Stringi e memorizza il valore restituito in"testo":

var text = json.Stringify (obj, function (key, value)
if (key == "City")
valore di ritorno.touppercase ();
altro
valore di ritorno;

);

Infine, visualizzeremo la stringa convertita usando la console.Metodo log ():

console.log (testo);

Dai un'occhiata all'output di seguito donati; il valore del "città"La chiave è ora nelle lettere maiuscole:

Esempio: JSON.Metodo Stringify () con array di sostituti

Ora passeremo un array di sostituti nel JSON.Metodo Stringify () come argomento. A tale scopo, creeremo un "obj"Oggetto JavaScript con quanto segue"Chiave: valore"Coppie:

var obj = "nome": "Alex", "Age": 25, "City": "Paris";

Successivamente, passeremo il "obj"Come valore e"['nome età']"Come array. Dopo averlo fatto, il json.Il metodo Stringify () convertirà solo i tasti aggiunti nell'array passato. Il valore restituito con il metodo invocato verrà archiviato in "JSON":

var json = json.stringify (obj, ['name', 'age']);
console.log (json);

Ecco l'output che abbiamo ottenuto passando da un array di sostituti nel nostro JSON.Metodo Stringify ():

JSON.Metodo Stringify () con spazio

"spazio"È un altro parametro opzionale aggiunto in"JSON.Stringify ()"Metodo per controllare la presentazione o la visualizzazione della stringa convertita. UN "numero"Viene aggiunto come spazio che rappresenta il numero di spazi vuoti che si desidera posizionare all'inizio di una riga in cui le uscite della stringa.

Esempio: JSON.Metodo Stringify () con spazio

Nel nostro programma JavaScript, invoceremo il JSON.Metodo Stringify () durante l'aggiunta del parametro spaziale. Per fare ciò, creeremo un oggetto JavaScript chiamato "obj", Avendo i seguenti tre"Chiave: valore"Coppie:

var obj = "nome": "Alex", "Age": "25", "City": "Paris";

Dopodiché, utilizzeremo il JSON.Metodo Stringify () per la conversione del nostro oggetto JavaScript "obj"A"testo" corda. Nota che abbiamo aggiunto "4"Come parametro spaziale che rappresenta il numero di spazi prima dell'inizio della stringa:

var text = json.Stringify (obj, null, 4);
console.log (testo);

Come puoi vedere dall'output sopra offerto che quattro spazi vengono aggiunti con successo prima di ciascuno "Chiave: valore" paio.

Conclusione

IL JSON.Metodo Stringify () Converte un oggetto JSON in una stringa. Nel json.Metodo Stringify (), è possibile specificare vari parametri come sostituzione e spazio per modificare qualsiasi valore chiave o controllare gli spazi nell'output. Questo articolo ha spiegato JSON.Metodo Stringify () in JavaScript con la dimostrazione degli esempi usando l'array sostitutivo, la funzione sostituita e lo spazio.