Come convertire l'oggetto JavaScript in formato stringa JSON
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.