Jak převést hodnoty mapy na pole v JavaScriptu

Jak Prevest Hodnoty Mapy Na Pole V Javascriptu



Mapy JavaScript jsou zavedeny v ES6. Ukládá páry klíč-hodnota v uspořádaném seznamu. Použití map může být velmi užitečné při ukládání základních párů klíč-hodnota, jako jsou ID a uživatelská jména. JavaScript navíc poskytuje několik metod, jak iterovat pro načtení hodnot mapy, protože objekty JavaScript Map jsou iterovatelné.

Tento tutoriál popisuje postup převodu hodnot mapy do pole.

Jak převést/transformovat hodnoty mapy na pole pomocí JavaScriptu?

Chcete-li transformovat hodnoty mapy na pole, použijte níže uvedené metody:







  • Metoda Array.from().
  • Operátor šíření

Metoda 1: Převeďte mapové hodnoty na pole pomocí metody Array.from().

Pro převod hodnot mapy na pole použijte „ map.values() “ metoda s “ Array.from() “ metoda. K získání hodnot mapy se používá metoda map.values() a metoda Array.from() tyto hodnoty převede na pole.



Syntax
Při převodu hodnot mapy na pole postupujte podle uvedené syntaxe:



Pole . z ( mapa. hodnoty ( ) )

Příklad
Vytvořte nový objekt mapy pomocí konstruktoru Map():





byl mapa = Nový Mapa ( ) ;

Nastavte položky v páru klíč–hodnota na mapě pomocí „ soubor() “ metoda:

mapa. soubor ( '1' , 'Název' ) ;
mapa. soubor ( 'dva' , 'Stáří' ) ;
mapa. soubor ( '3' , 'E-mailem' ) ;
mapa. soubor ( '4' , 'Kontakt#' ) ;

Zavolej ' hodnoty() “ metoda v “ Array.from() ” metoda k získání hodnot mapy a jejich převedení na pole a uložení do proměnné “ mapValues “:



byl mapValues = Pole . z ( mapa. hodnoty ( ) ) ;

Nakonec vytiskněte hodnoty mapy v poli na konzole:

řídicí panel. log ( mapValues ) ;

Výstup indikuje, že hodnoty mapy byly úspěšně převedeny do pole:

Metoda 2: Převod hodnot mapy na pole pomocí operátoru Spread

Dalším způsobem, jak transformovat hodnoty mapy do pole, je použít „ operátor šíření “ s „ map.values() “ metoda. Metoda map.values() nejprve získá hodnoty mapy a operátor spread zkopíruje všechny hodnoty mapy do pole.

Syntax
Pro převod hodnot mapy na pole pomocí operátoru spread použijte níže uvedenou syntaxi:

[ ... mapa . hodnoty ( ) ]

Příklad
Zavolej ' map.values() “ metoda s “ operátor šíření ” který převede hodnoty mapy do pole:

byl mapValues = [ ... mapa . hodnoty ( ) ] ;

Výstup

Bonusový tip

Pokud chcete převést klíče nebo všechny položky mapy do pole, postupujte podle níže uvedené části.

Převeďte klíče mapy na pole pomocí metody Array.from().

Pro převod klíčů mapy a všech položek (párů klíč-hodnota) mapy do pole použijte „ map.Keys() “ metoda a “ map.entries() “ metoda s “ Array.from() “ metoda. Metoda map.Keys() získává klíče mapy a metoda map.entries() se používá k načítání položek mapy v páru klíč–hodnota.

Příklad
Pro převod mapových klíčů volejte „ map.Keys() “ metoda v “ Array.from() “ metoda:

konst klíče = Pole . z ( mapa. klíče ( ) ) ;

Zavolejte metodu map.entries() jako argument v metodě Array.from() pro převod všech položek mapy na pole:

konst záznamy = Pole . z ( mapa. záznamy ( ) ) ;

Výstup ukazuje, že klíče a položky mapy byly úspěšně převedeny do pole:

Převeďte mapové klíče na pole pomocí metody Spread Operator

Podívejme se na metodu převodu mapových klíčů a všech položek mapy do pole pomocí „ operátor šíření “.

Příklad
Zavolej ' map.Keys() ” pomocí operátoru spread a výsledné pole uložte do proměnné mapKeys:

byl mapKeys = [ ... mapa . klíče ( ) ] ;

Pro převod položek mapy v poli pomocí „ map.entries() ” metoda s operátorem šíření:

konst mapEntries = [ ... mapa . záznamy ( ) ] ;

Výstup

Sestavili jsme všechny potřebné informace týkající se převodu hodnot mapy do pole a také mapových klíčů a položek do pole pomocí JavaScriptu.

Závěr

Chcete-li převést hodnoty mapy na pole, použijte „ map.values() “ metoda s “ Array.from() “ metoda nebo “ operátor šíření “. K získání hodnot mapy se používá metoda map.values() a metoda Array.from() tyto hodnoty převádí na pole, zatímco operátor spread zkopíruje všechny hodnoty mapy do pole. Tento kurz popisuje postup převodu hodnot mapy na pole.