Hvordan jobbe med JSON i JavaScript?

JSON står for JavaScript-Object-notation, og det er den mest brukte strukturerte datatypen for å overføre data over internett. JSON er basert på JavaScript-objekter, men det er språkuavhengig; Noe som betyr at det kan brukes på nesten alle moderne programmeringsspråk.

JSON -Basisk intro

JSON er den tekstlige representasjonen av data som gjør det enkelt å overføre data i virkelig høye hastigheter. I JSON skiller du en nøkkel og verdi ved å sette en kolon “:” imellom, og du setter et komma mellom forskjellige nøkkelverdipar. Dessuten er nøkkelen = verdiparene vedlagt inne krøllparanteser:

Syntaks av JSON

Syntaksen til JSON er ganske enkel, det er som følger:

Key1: Verdi,
Key2: Verdi

Arbeider med JSON

For å jobbe med JSON i JavaScript, lagres JSON først i en variabel for å gjøre det til et JSON -objekt.

Tenk deg for eksempel at du har en JSON -data om en person som inneholder følgende informasjon som:

FirstName: "John",
LastName: "Doe",
Alder: 22,
By: "NewYork",

For å konvertere det til et brukbart objekt i JavaScript, setter vi det ganske enkelt lik et objekt med følgende kode:

const person =
FirstName: "John",
LastName: "Doe",
Alder: 22,
By: "NewYork",
;

Som du ser, opprettet du en variabel person Det holder nå et objekt med informasjonen om den personen som FirstName, LastName og så videre; For å sikre at vi kan bruke det inne i JavaScript, vil vi bare skrive ut dette objektet til skjermen ved å bruke konsoll.Logg() funksjon:

konsoll.logg (person);

Det komplette kodebiten ville være:

const person =
FirstName: "John",
LastName: "Doe",
Alder: 22,
By: "NewYork",
;
konsoll.logg (person);

Når du kjører denne koden, vil du se følgende utdata:

Som du kan se på konsollen din, kan vi se et objekt som skrives ut. Dette er fordi vi opprettet et objekt ved å sette det lik en variabel.

Få tilgang til verdi fra et JSON -objekt

For å få tilgang til verdiene fra JSON -objektet, bruker du Dot-Operator med navnet på “nøkkel”.

Hvis du tar ovennevnte JSON -objekt, hvis du vil skrive ut fornavnet, bruk følgende linje:

konsoll.Logg (person.fornavn);

Du vil se følgende utgang:

Du kan til og med skrive ut hele navnet ved hjelp av følgende linje:

konsoll.Logg(
"Personens fulle navn er som:" + person.FirstName + person.etternavn
);

Du får følgende utdata:

Som du kan se, sammenkoblet vi fornavnet og etternavnet og viste det på konsollen.

På denne måten kan du få tilgang til JSON-nøkkelverdipar.

Lyver i JSON -objekt

Hvis du vil legge til en verdi i et JSON -objekt, kan du gjøre det ved å bruke Dot-Operator. Først må du gi "nøkkelen" etter prikken og sett den lik verdien som vist i følgende syntaks:

JsonObject.newKey = verdi;

I tilfelle du vil legge til jobben til personen i objektet som er nevnt i eksemplet ovenfor, kan du gjøre det ved å bruke følgende kodelinje:

person.Job = "revisor";
konsoll.Logg (person.jobb);

Det komplette utdraget er som:

const person =
FirstName: "John",
LastName: "Doe",
Alder: 22,
By: "NewYork",
;
konsoll.Logg(
"Personens fulle navn er som:" + person.FirstName + person.etternavn
);
person.Job = "revisor";
konsoll.Logg ("og personens jobb er:");
konsoll.Logg (person.jobb);

Når du kjører ovennevnte kodebit, får du følgende utdata på skjermen:

Som du kan se, jobb var ikke en del av JSON -objektet med det første, men du klarte det også å legge det inn i JSON -objektet og skrive det ut til konsollen.

Konvertere JSON -objekt til strengobjekt

Som nevnt over blir JSON overført som tekstdata, så hvis du vil konvertere et JSON -objekt til et strengobjekt, kan du gjøre det ved å bruke metoden:

JSON.Stringify (objekt);

Hvis du vil konvertere ovennevnte personobjekt til en streng og skrive det ut på konsollen, kan du gjøre det ved å bruke følgende kodelinjer:

konsoll.Logg (JSON.Stringify (person));

Når du kjører koden, får du følgende utdata på skjermen:

Som du kan se, er JSON -objektet blitt konvertert til et strengobjekt, dette er svært gunstig når det gjelder å overføre data over internett i virkelig høye hastigheter.

Konklusjon

Json er verdens mest brukte dataoverføringsstruktur på grunn av å være virkelig lett og lett å overføre. JSON er basert på syntaks for et normalt JS-objekt, men det er helt annerledes enn JS-objektet som et objekt kan ha en metode inne i seg mens JSON bare er informasjon, da den inneholder nøkkelverdipar. Imidlertid er det ikke begrenset til JavaScript, JSON er tilgjengelig på nesten alle programmeringsspråk. Vi lærte om JSON, bruken. Til slutt lærte vi å konvertere et JSON -objekt til et strengobjekt.