Hvordan konvertere karttaster til en matrise i JavaScript?

JavaScript er et programmeringsspråk på høyt nivå som tilbyr utviklerne mange forskjellige datastrukturer som brukes til lagring av data og innhold og kan enkelt opprettholdes og forstås. De mest brukte strukturer for lagring av data av data i JavaScript er matriser og objekter. Arrays brukes til å lagre indekserte poster mens i objekter nøkkelverdipar lagres. I 2015 introduserte JavaScript et annet iterable objekt kjent som kart I ECMASCRIPT hvis hovedformål var å gi utviklere mer fleksibilitet.

I dette innlegget vil vi diskutere hva et kartobjekt er og hvordan du konverterer karttaster til en matrise i JavaScript.

Kartobjekt

Et kartobjekt er et enkelt objekt hvis funksjon er å lagre en samling av elementer med unntak av at kartet lagrer data i nøkkelverdipar. Uansett hvilken rekkefølge du setter inn data i kartobjektet, husker den den bestillingen. De Syntaks av kartobjektet er gitt nedenfor:

var kart = nytt kart ([IterableObject]);

De IterableObject Argument er valgfritt og er objektet hvis elementer er lagret som nøkkelverdipar i kartobjektet.

La oss implementere et kartobjekt i JavaScript slik at vi vet hvordan kartobjektet initialiseres og hvordan det fungerer:

// Lag kart
var kart = newMap ();
// Sett opp nøkler og verdier for kartobjekt
kart.sett ('1', 'streng'); // tast som streng
kart.sett (1, 'nummer'); // tast som numerisk
kart.sett (sant, 'boolsk'); // nøkkel som boolsk
// Få verdier fra kart ved hjelp av nøkler
konsoll.logg (kart.få (1)); // Antall
konsoll.logg (kart.få ('1')); // streng

I koden ovenfor initialiserte vi et kartobjekt og satte deretter noen verdier i det initialiserte kartobjektet. Etter dette henter vi en verdi ved å bruke kartet.få () metode og vis den ved hjelp av konsoll.Logg():

Konvertering av karttaster til Array

Vi kan få nøklene til kartobjektet ved å bruke Kart.nøkler () metode.

For å konvertere karttastene til en matrise kan vi bruke to metoder. Den første tilnærmingen vil være å bruke Array.fra metode som hjelper til med å konvertere en Mapiterator (Et objekt som hjelper oss å sløyfe gjennom poster eller samlinger) til en matrise på følgende måte:

// Lag kart
var kart = newMap ();
// Sett opp nøkler og verdier for kartobjekt
kart.sett ('frukt', 'eple');
kart.sett ('mengde', 20);
// Konverter karttastene til Array
La nøkler = matrise.fra (kart.Keys ());
konsoll.logg (nøkler); // [frukt, mengde]

I koden ovenfor, initialiserte vi først kartobjektet og satte deretter to verdier for kartobjektet. Ved siden av å få tastene til kartobjektet brukte vi den innebygde metoden for kartobjekt kart.nøkler (). Så brukte vi Array.fra metode som vil konvertere resultatet til en matrise. Til slutt viste vi nøklene på konsollen ved hjelp av konsollen.Log () Metode.

Den andre tilnærmingen vi kan ta er å bruke spredningsoperatøren "..." I JavaScript hvis funksjon er å ta en iterable og deretter konvertere det iterable til individuelle elementer.

// Lag kart
var kart = newMap ();
// Sett opp nøkler og verdier for kartobjekt
kart.sett ('frukt', 'eple');
kart.sett ('mengde', 20);
// Konverter karttastene til Array
La nøkler = [... kart.Keys ()];
konsoll.logg (nøkler); // [frukt, mengde]

Koden gitt ovenfor forblir den samme med unntak av bruken av spredningsoperatøren "...".

Som du kan se i utgangen at vi med hell har konvertert kartobjektet vårt til en iterable matrise:

Konklusjon

JavaScript introduserte et kartobjekt i Ecmascript i 2005 der vi kan lagre en samling av elementer i nøkkelverdipar. Vi kan få nøklene fra kartobjektet ved å bruke det innebygde metodekartet.nøkler (). For å konvertere karttastene til en matrise må vi først initialisere et kartobjekt, etterfulgt av å bruke kartet.Keys () -metode og bruk deretter spredningsoperatøren eller matrisen.fra () metode for å konvertere nøklene til en matrise.

I dette innlegget diskuterte vi hva et JavaScript -kartobjekt er og hvordan du konverterer et kartobjekt til en matrise i JavaScript ved hjelp av to tilnærminger; Bruke spredningsoperatøren og bruk en matrise.fra () metode.