Hvordan lage en ordbok i JavaScript med nøkkelverdipar?

Hvordan lage en ordbok i JavaScript med nøkkelverdipar?
Det meste av tiden brukes databasene til å lagre en stor mengde data for å bruke dem senere eller for å lagre applikasjonstilstanden, men det kommer et behov for å lagre dataene lokalt inne i koden for å bruke dem senere. Derfor har programmeringsspråk noen standard datatyper som virkelig er nyttige for å oppnå slik funksjonalitet uten å bruke databasen.

Behov for nøkkelverdipar

Så for dette formålet bruker JavaScript matriser og objekter for å lagre noen poster i koden. I motsetning til andre programmeringsspråk, har JavaScript ingen eksakt type å kalles en ordbok, men det har en mangfoldig type som kalles objekt i JavaScript. JavaScripts objekt er ganske fleksibelt, da du kan bruke det dynamisk uansett hvor du vil. Det meste av tiden er objekter mye brukt for dataene, da de enkelt kan brukes senere i koden.

Gjenstand

Objekter er også de samme som ordbøker i andre programmeringsspråk, da objektene også består av nøkkelverdiparene og ordbøkene er også basert på denne nøkkelverdi-parformasjonsstrukturen. Du kan tilordne en nøkkel mot en spesifikk verdi for å få tilgang til den senere.

I denne artikkelen skal vi se hvordan vi kan lage ordbøker i JavaScript og hvordan vi enkelt kan manipulere noen data til dem ved hjelp av noen eksempler.

Hvordan lage en ordbok/objekt i JavaScript

Fordi ordbøker ikke er de tradisjonelle datatypene til JavaScript, bruker vi dem på samme måte for å lage ordbøkene når vi erklærer objektene og initialiserer noen verdier for dem.
La oss ta et eksempel for å lage objektet.

Eksempel

La myFirStObject = nytt objekt ();
// eller korthårveien
La myFirStObject =
FirstName: 'Mark',
LastName: 'Fonso',
Alder: 20

konsoll.Logg ('Typen av variabelen er:', TypeOf (MyFirstObject), 'og dens verdier er:', MyFirstObject)

Det er to grunnleggende måter du kan opprette et objekt i JavaScript, den første er ved å erklære navnet på objektet som i vårt tilfelle er "myfirstobject”Og deretter opprette sin forekomst ved å initialisere en Nytt objekt ().

Den andre måten blir betraktet som en korthåndsmetode som bare er å erklære navnet på objektet og tilordne det noen nøkkelverdipar for å få tolken til å forstå at ja, det er et objekt.

Produksjon:

Her kan du se at typen objekt er objekt som jeg sa at det ikke er noen tradisjonell datatype som kalles objekt, og derfor blir JavaScript -objekter behandlet som objekter i noen tilfeller.

La oss ta et annet eksempel på å lage et nytt objekt i eksemplet nedenfor

Eksempel

La ExpObject =
FirstName: "John Doe",
"Ti": 10,
10: "Ethvert heltall",
"Erfaring": 0
;
konsoll.Log ('Type:', TypeOf (ExpObject), '\ n', 'Verdier:', ExpObject)

Her i eksemplet ovenfor har vi opprettet og initialisert et nytt objekt med navnet ExpObject og konsoll logget den inn i terminalen mens du sjekket datatypen og viser verdiene inne i den.

Som du kan se i ovennevnte utgangsskjerm at typen vises som et objekt mens verdiene også vises i utgangsterminalen som vi forventet.

Tilordne verdier til objekttastene

Vi har opprettet vårt objekt, la oss nå sjekke ut verdiene ved å bruke nøkkel Navn i eksemplet nedenfor;

Dette kan oppnås ved å bruke objektets indekseregenskap for å angi verdiene, eller ved å bruke den direkte som om det var en normal egenskap på objektet. Nøkkelverdiene kan være et hvilket som helst objekt, ikke bare strenger:

La ExpObject =
FirstName: "John Doe",
"Ti": 10,
10: "Ethvert heltall",
"Erfaring": 0
;
ExpObject ["Ten"] = 20;
ExpObject [10] = "tjue";
ExpObject ["Experience"] = 22;
konsoll.Log ('Type:', TypeOf (ExpObject), '\ n', 'Verdier:', ExpObject)
// tilordne eiendom direkte
Dict.FirstName = "John Doe";

Her i eksemplet ovenfor har vi opprettet et objekt, og senere har vi tilordnet verdiene utelukkende til de spesifikke egenskapene eller tastene til objektet ved å bruke indeksermetoden.

Produksjon

Du kan nå tydelig se i ovennevnte utdata -skjerm at verdiene er oppdatert i objektet.

Tilordne verdier til objektet ved hjelp av DOT -operatøren (direkte tildeling)

Til nå har vi diskutert hvordan vi kan lage objekter og hvordan vi kan tilordne noen verdier til egenskapene til objektet ved å bruke indeksermetoden, her i eksemplet nedenfor vil vi se hvordan vi kan bruke en prikkoperatør for å tilordne noen verdier til egenskapene av objektet.

Eksempel

La ExpObject =
FirstName: "John Doe",
"Ti": 10,
10: "Ethvert heltall",
"Erfaring": 0
;
ExpObject.Ti = 20;
ExpObject.erfaring = 10;
ExpObject.FirstName = 'Mark Huggy';
konsoll.Log ('Type:', TypeOf (ExpObject), '\ n', 'Verdier:', ExpObject)

Her i eksemplet ovenfor lager vi et objekt, og senere tildeler vi noen verdier til dens egenskaper ved hjelp av dotoperatør, eller du kan si en direkte oppgave med andre ord.

Du kan se at de ovennevnte verdiene er oppdatert i objektet.

Itererende nøkkelverdipar av objektet

Nå vil vi diskutere om iterasjon av nøkkelverdiparene.

Eksempel
Her i følgende eksempel vil vi opprette et objekt, og deretter vil vi sløyfe gjennom hver tast på objektet og vise verdien mot hver tast på objektet:

La ExpObject =
FirstName: "John Doe",
"Ti": 10,
10: "Ethvert heltall",
"Erfaring": 0
;
for (la nøkkel i eksponering)
La verdi = ExpObject [Key];
konsoll.logg (verdi);

Produksjon

Verdiene vises mot hver tast ved hjelp av en for loop

Direkte tilgang til nøkkel/verdipar

Samme som direkte tildeling, vi kan også direkte få tilgang til verdiene til objektet ved hjelp av en prikkoperatør og tilordne det til en annen variabel for senere bruk. La oss se i eksemplet nedenfor:

La ExpObject =
FirstName: "John Doe",
"Ti": 10,
10: "Ethvert heltall",
"Erfaring": 0
;
La First_name = ExpOnject.fornavn;
ExpObject.FirstName = "Mark Christonson";
konsoll.Logg ('gammelt navn:', First_name, '\ nnew Name:', ExpObject.fornavn )

Her i eksemplet ovenfor har vi laget et objekt og senere har vi tildelt det gamle fornavn verdi til fornavn variabel og oppdatert verdien av fornavn Ved å bruke den direkte tildelingsmetoden. Senere har vi vist både de gamle og de nye verdiene på skjermen

Produksjon:

Du kan se både de gamle og de nye navnefeltene i outputskjermen ovenfor.

Konklusjon

Ordbok er ikke den tradisjonelle datatypen til programmeringsspråket JavaScript, men objektene kan behandles som ordbøker i noen tilfeller. Du kan opprette et objekt på to forskjellige måter, en er å erklære det og initialisere det ved hjelp av Nytt objekt () Metode og den andre er korthårveien ved å bare erklære og tildele noen nøkkelverdipar til det. I denne artikkelen gikk vi gjennom begge metodene i detalj, og vi har diskutert hvordan vi kan tildele og hente verdier ved hjelp av direkte tildelings- og indeksermetoder.