Deze zelfstudie beschrijft de procedure voor het converteren van de waarden van de kaart naar een array.
Hoe kaartwaarden converteren/transformeren naar een array met behulp van JavaScript?
Gebruik de onderstaande methoden om de waarden van een kaart naar een array te transformeren:
- Array.from() methode
- Spread-operator
Methode 1: converteer kaartwaarden naar een array met behulp van de methode Array.from().
Gebruik de ' kaart.waarden() ” methode met de “ Array.from() ” methode. De methode map.values() wordt gebruikt om de waarden van de kaart op te halen en de methode Array.from() converteert deze waarden naar een array.
Syntaxis
Volg de gegeven syntaxis voor het converteren van kaartwaarden naar een array:
matrix . van ( kaart. waarden ( ) )
Voorbeeld
Maak een nieuw kaartobject met de Map()-constructor:
was kaart = nieuwe Kaart ( ) ;
Stel de vermeldingen in een sleutel-waardepaar op de kaart in met behulp van de knop ' set() ” methode:
kaart. set ( '1' , 'Naam' ) ;kaart. set ( 'twee' , 'Leeftijd' ) ;
kaart. set ( '3' , 'E-mail' ) ;
kaart. set ( '4' , 'Contact#' ) ;
Bel de ' waarden() ” methode in de “ Array.from() ” methode om de kaartwaarden te krijgen en ze om te zetten in een array en op te slaan in een variabele “ mapWaarden ”:
was mapWaarden = matrix . van ( kaart. waarden ( ) ) ;
Druk ten slotte de kaartwaarden af in een array op de console:
troosten. loggen ( mapWaarden ) ;De uitvoer geeft aan dat de waarden van de kaart met succes zijn geconverteerd naar een array:
Methode 2: converteer kaartwaarden naar een matrix met behulp van de spread-operator
Een andere manier om de waarden van de kaart om te zetten in een array is door de ' spread-operator ' met de ' kaart.waarden() ” methode. De methode map.values() haalt eerst de waarden van de kaart op en de spread-operator kopieert alle kaartwaarden naar een array.
Syntaxis
Gebruik de onderstaande syntaxis voor het converteren van kaartwaarden naar een array met behulp van de spread-operator:
Voorbeeld
Bel de ' kaart.waarden() ” methode met de “ spread-operator ” dat de waarden van de kaart omzet in een array:
Uitgang
Bonustip
Als u sleutels of alle kaartitems in een array wilt converteren, volgt u het onderstaande gedeelte.
Converteer sleutels van kaart naar een array met behulp van de methode Array.from().
Voor het converteren van de sleutels van de kaart en alle ingangen (sleutel-waardeparen) van de kaart naar een array, gebruikt u de ' map.Keys() ” methode en de “ map.entries() ” methode met de “ Array.from() ” methode. De methode map.Keys() haalt de sleutels van de kaart op en de methode map.entries() wordt gebruikt om de ingangen van de kaart in een sleutel-waardepaar op te halen.
Voorbeeld
Voor het omzetten van kaartsleutels, bel de ' map.Keys() ” methode in de “ Array.from() ” methode:
Roep de methode map.entries() aan als een argument in de methode Array.from() voor het converteren van alle kaartitems naar een array:
const inzendingen = matrix . van ( kaart. inzendingen ( ) ) ;De uitvoer laat zien dat de sleutels en items van de kaart met succes zijn geconverteerd naar een array:
Converteer kaartsleutels naar een array met behulp van de Spread Operator-methode
Laten we eens kijken naar de methode om kaartsleutels en alle kaartitems om te zetten in een array, met behulp van de ' spread-operator ”.
Voorbeeld
Bel de ' map.Keys() 'methode met de spread-operator en sla de resulterende array op in variabele mapKeys:
Voor het converteren van kaartitems in een array met behulp van de ' map.entries() ” methode met de spreidingsoperator:
const mapEntries = [ ... kaart . inzendingen ( ) ] ;Uitgang
We hebben alle benodigde informatie verzameld met betrekking tot het converteren van kaartwaarden naar een array en ook sleutels en ingangen toewijzen aan een array met behulp van JavaScript.
Conclusie
Gebruik de ' kaart.waarden() ” methode met de “ Array.from() ” methode of de “ spread-operator ”. De methode map.values() wordt gebruikt om de waarden van de kaart op te halen en de methode Array.from() converteert deze waarden naar een array, terwijl de spread-operator alle kaartwaarden naar een array kopieert. Deze tutorial beschrijft de procedure voor het converteren van de waarden van een map naar een array.