Hvordan lagre en nøkkel => Verdi -matriser i JavaScript?

Hvordan lagre en nøkkel => Verdi -matriser i JavaScript?

Det er flere måter å lagre nøkkel => Verdi -matriser i JavaScript. Imidlertid er den vanskelige delen lagring av tastene og verdiene fra to forskjellige matriser til et enkelt element. Og for å legge til dens vanskelighet, er nøkkel og verdi lagres i en slik ordning at det er enkelt å hente en nøkkel med dens respektive verdi. Dette kutter ned antall metoder for å oppnå oppgaven som bare er to. De to mest lovende metodene inkluderer bruk av Objekter og Kart. Denne artikkelen vil gå gjennom begge disse metodene en etter en.

Merk: Denne artikkelen vil anta at nøkler og verdier er lagret i forskjellige matriser, og målet er å lagre dem sammen og få dem formatert som "nøkkel => verdi" mens du henter.

Metode 1: Bruke objekter for å lagre tast => Verdipasser

For å demonstrere denne metoden, lag først en nøkkel matrise og en verdi -matrise med følgende linjer:

var KeysArray = ["Kina", "England", "Egypt", "Finland", "Hellas"];
var ValuesArray = ["Beijing", "London", "Kairo", "Helsinki", "Athen"];

Etter det, lag et tomt JavaScript -objekt med følgende linje:

ResultatObj = ;

Etter det, bare kopier tastene og verdiene fra deres matrise og legg dem til i objektet ved å bruke følgende linjer:

for (var i = 0; i < keysArray.length; i++)
ResultatObj [KeysArray [i]] = ValuesArray [i];

I dette ovennevnte kodebit:

  • A for loop kjøres og iterasjonene er lik antall elementer inne i tastene array.
  • I hver iterasjon opprettes en ny egenskap av egenskapen til objektet, og det er gitt navnet lik elementet inne i nøkkeloppstillingen og dens respektive verdi fra verdistyret ved å bruke de samme indeksverdiene.

Etter det, passerer Resultatobj til konsollloggfunksjonen for å skrive den ut på terminalen:

konsoll.Log (ResultatObj);

Å utføre koden vil oppgi følgende utdata:

Tastene og verdiene lagres sammen, men de er fremdeles ikke i "Nøkkel => Format
For å vise dem i riktig format, bruk følgende kodelinjer:

for (x av objekt.Keys (ResultatObj))
konsoll.Log (x + "=>" + ResultatObj [x]);

I denne kodebiten:

  • Gjenstand.Keys () -metoden returnerer nøklene til objektet i sitt argument én etter en. Tastene blir lagret inne i variabelen “x
  • Strengkonturering brukes til å formatere utgangen fra konsollloggen som "Keys => Verdier"

Å utføre programmet gir nå følgende resultat:

Utgangen viser at nøklene ikke bare er lagret sammen, men også formatert på riktig måte.

Metode 2: Bruke kart for å lagre tast => Verdi -matriser

For å demonstrere bruken av kart for lagring av nøkler og deres respektive verdier, oppretter du to matriser med nøkler og verdier med følgende kodelinjer:

var KeysArray = ["Kina", "England", "Egypt", "Finland", "Hellas"];
var ValuesArray = ["Beijing", "London", "Kairo", "Helsinki", "Athen"];

Neste trinn er å lage et kart, for dette skape en variabel og sett det lik Nytt kart () konstruktør som:

ResultMap = new Map ();

For å legge til verdier i en kartvariabel, er det denne metoden Mapvar.sett(). Bruk denne funksjonen til å legge til nøkler og deres respektive verdier:

for (i = 0; i < keysArray.length; i++)
Resultatmap.SET (KeysArray [i], ValuesArray [i]);

I kodebiten nevnt ovenfor:

  • A for Loop brukes til å iterere gjennom nøkleren og verdiene ved å bruke lengden på nøkleren.
  • I hver iterasjon, Resultatmap.sett() Metoden brukes til å lagre nøkkelen og verdiparet på kartet.

Etter dette, bare passere Resultatmap Variabel på terminalen ved å bruke konsollloggfunksjonen:

konsoll.Logg (ResultatMap);

Denne koden vil produsere følgende utgang:

Det er liksom i riktig format, men det inneholder litt ekstra informasjon. For å formatere det riktig, bruk følgende linjer:

for (nøkkel for resultatmap.Keys ())
konsoll.Logg (Key + "=>" + Resultmap.få (nøkkel));

I denne kodebiten:

  • Resultatmap.Keys () -metode returnerer tastene på kartet én etter en til nøkkelvariabelen.
  • Resultatmap.Get () Metode brukes for å få verdien av en spesifikk nøkkel.
  • Og i konsollloggfunksjonen brukes strengkonturasjon for å formatere utdataene riktig.

Å utføre koden produserer nå følgende utgang på terminalen:

Utgangen viser at nøklene ikke bare er lagret sammen, men også formatert på riktig måte.

Konklusjon

I JavaScript er objekter og kart de to elementene som er mest egnet til å lagre nøkler og verdipar, selv om oppgaven er for hånden er å ta nøkler og verdier fra individuelle matriser og plassere dem inne i en enkelt enhet. Etterpå, når brukeren prøver å få nøkler og deres respektive verdier, kan de enkelt formateres i “Key => Value” -format ved å bruke enkel strengkonturering i JavaScript.