JSON.Analyse og JSON.Stringify | Forklart med eksempler

En av de største funksjonene i JavaScript er JSON -notasjonen for å overføre data, JSON -objektet oppfattes av alle oppdaterte nettlesere og brukes på nesten alle programmeringsspråk som er tilgjengelig i det nåværende markedet. JSON er en veldig lett vektet og menneskevennlig datanotasjon som også er lesbar av programmeringsspråk.

JSON -objekter blir overført eller lest av programmet i form av strenger som kalles JSON -strenger. For å identifisere JSON -streng, bare se etter anførselstegn i hver ende av den trivielle JSON -notasjonen. Imidlertid må JSON -strenger konverteres til JSON -objekter, slik at vi ikke trenger å bruke strengoperasjoner i programmet vårt.

Tilsvarende, for å overføre data fra et program til et annet - eller la oss bare si fra serveren til klientsiden - er det best å konvertere JSON -objektet tilbake til en JSON -streng. For disse konverteringene ga ES6 JavaScript to funksjoner “Json.Parse () & Json.Stringify () ”.

JSON.Stringify () og bruken

JavaScript -objekter konverteres til strenger med "JSON.Stringify ()”. For å demonstrere denne funksjonen, vil vi trenge et objekt som kan opprettes med følgende kodelinjer:

var myObject =
Navn: "John Doe",
Alder: 15,
E -post: "[email protected] ",
Jobb: "Revisor",
;

Du kan skrive ut dette objektet på konsollen ved å bruke følgende linje:

konsoll.Logg (MyObject);

Du får følgende utgang på konsollen din.

Nå kan vi passere dette objektet i JSON.Stringify () -funksjon og lagre den inne i en annen variabel ved hjelp av følgende linje:

var konvertert = json.Stringify (MyObject);

Denne variabelen kan skrives ut ved å bruke konsollen.Logg () Funksjon:

konsoll.logg (konvertert);

Etter å ha utført følgende program, bør du se følgende utgang på konsollen din:

Som du ser, kunne vi konvertere JSON -objektet til en streng som kan overføres over et nettverk eller lagres i en eller annen fil for senere bruk.

De Stringify () Funksjon tar ytterligere to flere argumenter som er valgfrie, men fortsatt veldig nyttige:

• Den ene er funksjonen kjent som erstatning argument
• andre kalles rom argument

Erstatningsparameteren

Erstatningen er en funksjon du lager med to parametere:

• nøkkel
• verdi, Tilsvarende objektets nøkkelverdi.

De erstatning Metoden brukes til å enten sjekke for en spesifikk verdi eller returnere en annen streng i stedet for den opprinnelige verdien. De erstatning Metode kan også brukes til å hoppe over et nøkkelverdipar fra den konverterte strengen ved å returnere en udefinert verdi.

For å lage en enkel erstatningsmetode som vil hoppe over nøkkelverdi-paret fra den resulterende strengen hvis verdien av er "revisor", for den bruk følgende kodelinjer:

funksjonstatning (tast, verdi)
if (verdi === "revisor")
returner udefinert;

returverdi;

For å lage en ny resulterende streng med fra vårt JavaScript -objekt og skrive ut den, bruk følgende linje:

konsoll.Logg (JSON.Stringify (MyObject, erstatning));

Du får følgende resultat på konsollen:

Som du kan se, siden “jobb”Nøkkel hadde verdien av“Revisor”Derfor ble den hoppet over den resulterende strengen

Romparameteren

Det tredje argumentet til JSON.Stringify () Funksjon er romparameteren, denne parameteren tar enten en streng eller et tall for følgende handlinger:

• Hvis en streng blir bestått, blir den strengen lagt til før nøkkelverdiparene
• Hvis et tall sendes, legges det antall mellomrom mellom nøkkelverdiparene

For å demonstrere spacer -argumentet bruker vi følgende kodelinje:

konsoll.Logg (JSON.Stringify (MyObject, Null, 10));

Du vil observere følgende resultat på konsollen:

Du kan observere rommet mellom hvert nøkkelverdipar (plass er merket av den gule linjen for å gjøre det mer fremtredende)

For å demonstrere anlegget av en streng før hvert nøkkelverdipar i den resulterende strengen, bruk følgende kodelinjer:

konsoll.Logg (JSON.Stringify (myObject, null, "a"));

Du vil observere følgende resultat på konsollen:

Den prefiksede substringen merkes lett

JSON.parse () og bruken

JSON.Parse () -funksjonen brukes til å konvertere en streng eller mer presist JSON -streng til et JSON -objekt. For å demonstrere dette, oppretter du en ny JSON -streng med følgende kodelinje:

const string = '"name": "John doe", "alder": 15, "e -post": "[email protected] "," jobb ":" revisor " ';

For å lage et JSON -objekt, pass denne strengen i parse () -funksjonen og lagre det resulterende objektet i en ny variabel ved å bruke følgende kodeinje:

const myObject = json.parse (streng);

For å observere dette resulterende objektet, bruk konsollloggfunksjonen slik:

konsoll.Logg (MyObject);

Ved utførelse bør du observere følgende utgang på konsollen din:

Du kan få tilgang til verdiene fra dette resulterende objektet som ethvert annet normalt objekt, prøv følgende kodelinje for å bekrefte dette:

konsoll.Logg (MyObject.Jobb + "" + MyObject.Navn);

Du får følgende utgang på konsollen din:

Det er det for JSON.parse () funksjon og json.Stringify () -funksjon

Konklusjon

JSON.Parse () -funksjonen brukes til å konvertere en streng til et JavaScript -objekt mens JSON.Stringify () -funksjon brukes til å konvertere et JavaScript -objekt til en streng. JSON -strengen brukes når vi ønsker å overføre data fra et program til et annet, i programmet, er det bedre å bruke JavaScript -objektet i stedet for å bruke strengoperasjonene. JavaScript gir disse to funksjonene som innebygde funksjoner, og disse funksjonene støttes av alle moderne nettlesere.