Sådan konverteres kortværdier til et array i JavaScript

Sadan Konverteres Kortvaerdier Til Et Array I Javascript



JavaScript-kort introduceres i ES6. Den gemmer nøgleværdi-par i en ordnet liste. Brugen af ​​kort kan være yderst nyttig til at gemme grundlæggende nøgleværdi-par som ID'er og brugernavne. Desuden giver JavaScript et par metoder til, hvordan man itererer for at hente et korts værdier, fordi JavaScript-kortobjekter er iterable.

Denne vejledning vil beskrive proceduren til at konvertere kortets værdier til en matrix.

Hvordan konverteres/transformeres kortværdier til et array ved hjælp af JavaScript?

For at omdanne værdierne af et kort til et array skal du bruge nedenstående metoder:







  • Array.from() metode
  • Spredningsoperatør

Metode 1: Konverter kortværdier til et array ved hjælp af Array.from()-metoden

For at konvertere værdierne af et kort til et array skal du bruge ' map.values() ' metode med ' Array.from() ” metode. Map.values()-metoden bruges til at få kortets værdier, og Array.from()-metoden konverterer disse værdier til et array.



Syntaks
Følg den givne syntaks for at konvertere kortværdier til en matrix:



Array . fra ( kort. værdier ( ) )

Eksempel
Opret et nyt kortobjekt ved hjælp af Map()-konstruktøren:





var kort = ny Kort ( ) ;

Indstil indtastningerne i et nøgle-værdi-par på kortet ved hjælp af ' sæt() ” metode:

kort. sæt ( '1' , 'Navn' ) ;
kort. sæt ( 'to' , 'Alder' ) ;
kort. sæt ( '3' , 'E-mail' ) ;
kort. sæt ( '4' , 'Kontakt#' ) ;

Ring til ' værdier() ' metode i ' Array.from() ' metode til at få kortværdierne og konvertere dem til et array og gemme det i en variabel ' mapVærdier ”:



var mapVærdier = Array . fra ( kort. værdier ( ) ) ;

Udskriv til sidst kortværdierne i et array på konsollen:

konsol. log ( mapVærdier ) ;

Outputtet indikerer, at værdierne af kortet er konverteret til et array:

Metode 2: Konverter kortværdier til et array ved hjælp af Spread Operator

En anden måde at omdanne kortets værdier til en matrix er at bruge ' spredningsoperatør ' med ' map.values() ” metode. Map.values()-metoden henter først kortets værdier, og spread-operatoren kopierer alle kortværdierne ind i en matrix.

Syntaks
Brug nedenstående syntaks til at konvertere kortværdier til et array ved hjælp af spread-operatoren:

[ ... kort . værdier ( ) ]

Eksempel
Ring til ' map.values() ' metode med ' spredningsoperatør ', der vil konvertere værdierne af kortet til et array:

var mapVærdier = [ ... kort . værdier ( ) ] ;

Produktion

Bonus tip

Hvis du vil konvertere nøgler eller alle kortposter til en matrix, skal du følge nedenstående afsnit.

Konverter kortnøgler til et array ved hjælp af Array.from()-metoden

For at konvertere nøglerne til kortet og alle indtastninger (nøgleværdi-par) på kortet til en matrix, skal du bruge ' map.Keys() ”-metoden og ” map.entries() ' metode med ' Array.from() ” metode. Map.Keys()-metoden henter kortets nøgler, og map.entries()-metoden bruges til at hente kortets indtastninger i et nøgleværdi-par.

Eksempel
For at konvertere kortnøgler, ring til ' map.Keys() ' metode i ' Array.from() ” metode:

konst nøgler = Array . fra ( kort. nøgler ( ) ) ;

Kald metoden map.entries() som et argument i metoden Array.from() til at konvertere alle kortindgange til et array:

konst poster = Array . fra ( kort. poster ( ) ) ;

Outputtet viser, at kortets nøgler og indgange er konverteret til et array med succes:

Konverter kortnøgler til et array ved hjælp af Spread Operator-metoden

Lad os se metoden til at konvertere kortnøgler og alle kortposter til et array ved hjælp af ' spredningsoperatør ”.

Eksempel
Ring til ' map.Keys() ” metode med spread-operatoren og gem det resulterende array i variable mapKeys:

var mapKeys = [ ... kort . nøgler ( ) ] ;

Til konvertering af kortposter i et array ved hjælp af ' map.entries() ” metode med spredningsoperatøren:

konst kortindlæg = [ ... kort . poster ( ) ] ;

Produktion

Vi har samlet al den nødvendige information relateret til konvertering af kortværdier til et array og også kortnøgler og indgange i et array ved hjælp af JavaScript.

Konklusion

For at konvertere kortværdierne til et array skal du bruge ' map.values() ' metode med ' Array.from() '-metoden eller ' spredningsoperatør ”. Map.values()-metoden bruges til at få kortets værdier, og Array.from()-metoden konverterer disse værdier til en matrix, mens spread-operatoren kopierer alle kortværdierne til en matrix. Denne vejledning beskriver proceduren til at konvertere værdierne af et kort til et array.