Hvordan konvertere JavaScript -objekt til JSON String -format
Denne oppskrivningen vil forklare JSON.Stringify () -metode i JavaScript. Vi vil også demonstrere eksemplene relatert til bruk av JSON.Stringify () -metode med erstatningsarray, erstatningsfunksjon, og rom parameter i denne artikkelen. Så la oss starte!
Hva er JSON.Stringify () -metode
Som en JavaScript -utvikler kan det hende du må serialisere dataene for å streng for å lagre i applikasjonens database eller sende dem til hvilken som helst webserver eller et API. Hvis du trenger å sende noen spesifikke data til en webserver, må den være i strengformat.
Syntaks av JSON.Stringify () -metode
JSON.Stringify (verdi, erstatning, plass);Du kan se fra ovennevnte syntaks som JSON.Stringify () -metoden har parametere: “verdi”,“erstatning”, Og“rom”:
- Den første parameteren, “verdi”Representerer“gjenstand”At vi vil konvertere til en streng.
- Den andre parameteren, “erstatning”Representerer en Array eller noen Endringsfunksjon som kan brukes som et filter for JSON.Stringify () -metode.
- Til slutt "rom”Parameter kontrollerer mellomrom i den endelige genererte strengen.
“erstatning”Og“rom”Parametere er valgfrie, mens du må passere et hvilket som helst objekt som“verdi”Til JSON.Stringify () -metode slik at den kan returnere en streng.
Eksempel: JSON.Stringify () -metode i JavaScript
I det undergitte eksemplet vil vi bruke JSON.Stringify () -metode for å konvertere et objekt i en streng i JavaScript. For dette formålet vil vi først opprette et JavaScript -objekt "obj”Og legg til noen nøkkelverdipar for det:
var obj = "navn": "Alex", "alder": 25, "by": "Paris";Deretter vil vi passere “obj”Til JSON.Stringify () -metode og den returnerte strengen blir lagret i “JSON”:
var json = json.Stringify (obj);Etter å ha påkalt JSON.Stringify () -metode, tastene lagt til i vår "obj”JavaScript -objekt konverteres til en streng, men den spesifiserte metoden behandlet verdiene deres basert på deres type:
konsoll.Log (JSON);Du kan bruke hvilken som helst online kodende sandkasse eller din favorittkodeditor for å utføre det medfølgende JavaScript -programmet; Vi vil imidlertid bruke Visual Studio -koden:
Utgangen fra programmet ovenfor viser at JSON.Stringify () -metoden har med hell konvertert det ekstra objektet til en streng:
JSON.Stringify () -metode med erstatning
Som nevnt ovenfor, "erstatning”Er et argument som er gitt til JSON.Stringify () -metode for å gjøre endringer til et JavaScript -objekt før konvertering til en streng. “erstatning”Parameter av JSON.Stringify () -metode kan være en Array eller a funksjon. Vi vil gi deg eksempler relatert til begge tilfeller.
Eksempel: JSON.Stringify () -metode med erstatningsfunksjon
For å definere en erstatningsfunksjon, må du først spesifisere “nøkkel”Og“verdi”Som argumenter. Etter det kan du legge til eventuelle betingede utsagn i kroppen og sette denne funksjonen til å returnere en "verdi”.
I dette eksemplet vil vi prøve å konvertere verdien av et objekt til store bokstaver før vi konverterer det til en streng. For å gjøre det, vil vi lage en “obj”JavaScript-objekt som har tre nøkkelverdi-par:
var obj = "name": "alex", "alder": "20", "by": "paris";Deretter vil vi påkalle JSON.Stringify () -metode og legg til erstatningsfunksjonen for å konvertere verdien av “by”Nøkkel til store bokstaver. Etter å ha utført denne operasjonen, JSON.Stringify () -metoden vil konvertere “obj”Å strenge og lagre den returnerte verdien i“tekst”:
var tekst = json.Stringify (obj, funksjon (nøkkel, verdi)if (nøkkel == "by")
Returverdi.touppercase ();
annet
returverdi;
);
Til slutt vil vi vise den konverterte strengen ved hjelp av konsollen.Log () Metode:
konsoll.logg (tekst);Sjekk ut den undergitte utgangen; verdien av “by”Nøkkel er nå i store bokstaver:
Eksempel: JSON.Stringify () -metode med erstatningsarray
Nå vil vi sende en erstatningsarray inn i JSON.Stringify () -metode som et argument. For dette formålet vil vi lage en “obj”JavaScript -objekt med følgende“Nøkkel: Verdi”Par:
var obj = "navn": "Alex", "alder": 25, "by": "Paris";Deretter vil vi passere “obj”Som en verdi og“['navn Alder']”Som en matrise. Ved å gjøre det, JSON.Stringify () -metoden konverterer bare tastene som er lagt til den passerte matrisen. Verdien som returneres av den påkalte metoden vil bli lagret i “JSON”:
var json = json.Stringify (obj, ['navn', 'alder']);konsoll.Log (JSON);
Her er utdataene vi fikk fra ved å passere erstatningsarray i vår JSON.Stringify () -metode:
JSON.Stringify () -metode med plass
“rom”Er en annen valgfri parameter lagt til i“JSON.Stringify ()”Metode for å kontrollere presentasjonen eller visningen av den konverterte strengen. En "Antall”Legges til som plass som representerer antall tomme mellomrom du vil plassere i starten av en linje der strengutgangene starter.
Eksempel: JSON.Stringify () -metode med plass
I vårt JavaScript -program vil vi påkalle JSON.Stringify () -metode mens du legger til romparameter. For å gjøre det, vil vi opprette et JavaScript -objekt som heter “obj”, Har følgende tre“Nøkkel: Verdi”Par:
var obj = "name": "alex", "alder": "25", "by": "paris";Etter det vil vi bruke JSON.Stringify () -metode for å konvertere vårt JavaScript -objekt “obj”Til en“tekst”Streng. Merk at vi har lagt til “4”Som en romparameter som representerer antall mellomrom før strengen starter:
var tekst = json.Stringify (obj, null, 4);konsoll.logg (tekst);
Som du kan se fra ovennevnte utgang at fire mellomrom blir lagt til før hver "Nøkkel: Verdi" par.
Konklusjon
De JSON.Stringify () -metode Konverterer et JSON -objekt til en streng. I JSON.Stringify () -metode, kan du spesifisere forskjellige parametere som erstatning og plass for å endre nøkkelverdi eller kontrollere mellomrom i utgangen. Denne oppskrivningen forklarte JSON.Stringify () -metode i JavaScript med demonstrasjonen av eksemplene ved bruk av erstatningsarray, erstatningsfunksjon og plass.