A térképértékek tömbbé alakítása JavaScriptben

A Terkepertekek Tombbe Alakitasa Javascriptben



A JavaScript térképeket az ES6 vezeti be. A kulcs-érték párokat rendezett listában tárolja. A térképek használata rendkívül hasznos lehet az alapvető kulcs-érték párok, például azonosítók és felhasználónevek tárolásában. Ezenkívül a JavaScript néhány módszert biztosít a térképértékek lekéréséhez szükséges iterációhoz, mivel a JavaScript Map objektumok iterálhatók.

Ez az oktatóanyag leírja a térkép értékeinek tömbbé alakításának folyamatát.

Hogyan lehet a térképértékeket tömbbé konvertálni / átalakítani JavaScript használatával?

A térkép értékeinek tömbbé alakításához használja az alábbi módszereket:







  • Array.from() metódus
  • Spread operátor

1. módszer: Konvertálja a leképezési értékeket tömbbé az Array.from() módszerrel

A térkép értékeinek tömbbé konvertálásához használja a ' map.values() ' módszer a ' Array.from() ” módszerrel. A map.values() metódus a térkép értékeinek lekérésére szolgál, és az Array.from() metódus ezeket az értékeket tömbbé alakítja.



Szintaxis
Kövesse a megadott szintaxist a leképezési értékek tömbbé konvertálásához:



Sor . tól től ( térkép. értékeket ( ) )

Példa
Hozzon létre egy új térképobjektumot a Map() konstruktor segítségével:





volt térkép = új Térkép ( ) ;

Állítsa be a bejegyzéseket kulcs-érték párba a térképen a „ készlet() ” módszer:

térkép. készlet ( '1' , 'Név' ) ;
térkép. készlet ( 'két' , 'Kor' ) ;
térkép. készlet ( '3' , 'Email' ) ;
térkép. készlet ( '4' , 'Kapcsolatba lépni#' ) ;

Hívja a ' értékek() ' módszer a ' Array.from() ' módszer a leképezési értékek lekérésére és tömbbé alakítására és egy változóban való tárolására ' mapValues ”:



volt mapValues = Sor . tól től ( térkép. értékeket ( ) ) ;

Végül nyomtassa ki a térképértékeket egy tömbben a konzolon:

konzol. log ( mapValues ) ;

A kimenet azt jelzi, hogy a térkép értékeit sikeresen konvertálták tömbbe:

2. módszer: Konvertálja a leképezési értékeket tömbbé a Spread Operator segítségével

A térkép értékeinek tömbbé alakításának másik módja a „ spread operátor ' a ... val ' map.values() ” módszerrel. A map.values() metódus először megkapja a térkép értékeit, és a spread operátor az összes térképértéket egy tömbbe másolja.

Szintaxis
Használja az alábbi szintaxist a térképértékek tömbbé konvertálásához a spread operátor használatával:

[ ... térkép . értékeket ( ) ]

Példa
Hívja a ' map.values() ' módszer a ' spread operátor ', amely a térkép értékeit tömbbé konvertálja:

volt mapValues = [ ... térkép . értékeket ( ) ] ;

Kimenet

Bónusz tipp

Ha a kulcsokat vagy az összes térképbejegyzést tömbbé szeretné konvertálni, kövesse az alábbi részt.

Konvertálja a térkép kulcsait tömbbé az Array.from() metódussal

A térkép kulcsainak és a térkép összes bejegyzésének (kulcs-érték párjának) tömbbé alakításához használja a „ map.Keys() ' módszer és a ' map.entries() ' módszer a ' Array.from() ” módszerrel. A map.Keys() metódus lekéri a térkép kulcsait, a map.entries() metódus pedig a térkép kulcs-érték párban lévő bejegyzéseinek lekérésére szolgál.

Példa
A térképkulcsok konvertálásához hívja a „ map.Keys() ' módszer a ' Array.from() ” módszer:

const kulcsok = Sor . tól től ( térkép. kulcsok ( ) ) ;

Hívja meg a map.entries() metódust argumentumként az Array.from() metódusban az összes térképbejegyzés tömbbé konvertálásához:

const bejegyzés = Sor . tól től ( térkép. bejegyzés ( ) ) ;

A kimenet azt mutatja, hogy a térkép kulcsai és bejegyzései sikeresen tömbbé lettek konvertálva:

Konvertálja a térképkulcsokat tömbbé Spread operátori módszerrel

Nézzük meg a térképkulcsok és az összes térképbejegyzés tömbbé alakításának módszerét a ' spread operátor ”.

Példa
Hívja a ' map.Keys() ” metódust a spread operátorral, és tárolja az eredményül kapott tömböt a mapKeys változóban:

volt mapKeys = [ ... térkép . kulcsok ( ) ] ;

Egy tömbben lévő térképbejegyzések konvertálásához a „ map.entries() ” módszer a spread operátorral:

const térképBejegyzések = [ ... térkép . bejegyzés ( ) ] ;

Kimenet

Összegyűjtöttünk minden szükséges információt a térképértékek tömbbé konvertálásához, valamint a kulcsok és bejegyzések tömbbe való leképezéséhez JavaScript segítségével.

Következtetés

A térképértékek tömbbé alakításához használja a „ map.values() ' módszer a ' Array.from() ' módszer vagy a ' spread operátor ”. A map.values() metódus a térkép értékeinek lekérésére szolgál, és az Array.from() metódus ezeket az értékeket tömbbé alakítja, míg a spread operátor az összes térképértéket egy tömbbe másolja. Ez az oktatóanyag a térképek értékeinek tömbbé alakításának eljárását írja le.