Ilalarawan ng tutorial na ito ang pamamaraan para sa pag-convert ng mga value ng mapa sa isang array.
Paano I-convert/Ibahin ang mga Halaga ng Mapa sa isang Array Gamit ang JavaScript?
Upang gawing array ang mga value ng isang mapa, gamitin ang mga pamamaraan na nakasaad sa ibaba:
- Array.from() method
- Spread operator
Paraan 1: I-convert ang Mga Halaga ng Mapa sa isang Array Gamit ang Paraan ng Array.from().
Para sa pag-convert ng mga halaga ng isang mapa sa isang array, gamitin ang ' map.values() 'paraan na may ' Array.from() ” paraan. Ang map.values() method ay ginagamit para makuha ang mga value ng mapa at ang Array.from() method ay nagko-convert ng mga value na ito sa isang array.
Syntax
Sundin ang ibinigay na syntax para sa pag-convert ng mga halaga ng mapa sa isang array:
Array . mula sa ( mapa. mga halaga ( ) )
Halimbawa
Gumawa ng bagong mapa object gamit ang Map() constructor:
ay mapa = bago Mapa ( ) ;
Itakda ang mga entry sa isang key-value pair sa mapa gamit ang “ itakda() 'paraan:
mapa. itakda ( '1' , 'Pangalan' ) ;mapa. itakda ( 'dalawa' , 'Edad' ) ;
mapa. itakda ( '3' , 'Email' ) ;
mapa. itakda ( '4' , 'Contact#' ) ;
Tawagan ang ' values() 'paraan sa ' Array.from() 'paraan upang makuha ang mga halaga ng mapa at i-convert ang mga ito sa isang array at iimbak ito sa isang variable ' mapValues ”:
ay mapValues = Array . mula sa ( mapa. mga halaga ( ) ) ;
Panghuli, i-print ang mga halaga ng mapa sa isang array sa console:
console. log ( mapValues ) ;Ang output ay nagpapahiwatig na ang mga halaga ng mapa ay matagumpay na na-convert sa isang array:
Paraan 2: I-convert ang Mga Halaga ng Mapa sa isang Array Gamit ang Spread Operator
Ang isa pang paraan upang gawing array ang mga value ng mapa ay ang paggamit ng ' spread operator ' kasama ang ' map.values() ” paraan. Ang paraan ng map.values() ay unang nakakakuha ng mga value ng mapa, at kokopyahin ng spread operator ang lahat ng value ng mapa sa isang array.
Syntax
Gamitin ang syntax na ibinigay sa ibaba para sa pag-convert ng mga value ng mapa sa isang array gamit ang spread operator:
Halimbawa
Tawagan ang ' map.values() 'paraan na may ' spread operator ” na magko-convert sa mga halaga ng mapa sa isang array:
Output
Tip sa Bonus
Kung gusto mong i-convert ang mga key o lahat ng mga entry sa mapa sa isang array, sundin ang seksyon sa ibaba.
I-convert ang Mga Key ng Map sa isang Array Gamit ang Array.from() Method
Para sa pag-convert ng mga key ng mapa at lahat ng mga entry (mga pares ng key-value) ng mapa sa isang array, gamitin ang ' map.Keys() 'paraan at ang' map.entry() 'paraan na may ' Array.from() ” paraan. Ang map.Keys() method ay nakakakuha ng mga key ng mapa at ang map.entries() method ay ginagamit para kunin ang mga entry ng mapa sa isang key-value pair.
Halimbawa
Para sa pag-convert ng mga key ng mapa, tawagan ang ' map.Keys() 'paraan sa ' Array.from() 'paraan:
Tawagan ang map.entries() method bilang argumento sa Array.from() method para sa pag-convert ng lahat ng mga entry sa mapa sa isang array:
const mga entry = Array . mula sa ( mapa. mga entry ( ) ) ;Ang output ay nagpapakita na ang mga susi at mga entry ng mapa ay matagumpay na na-convert sa isang array:
I-convert ang Map Keys sa Array Gamit ang Spread Operator Method
Tingnan natin ang paraan upang i-convert ang mga key ng mapa at lahat ng mga entry sa mapa sa isang array, gamit ang ' spread operator ”.
Halimbawa
Tawagan ang ' map.Keys() ” sa spread operator at iimbak ang resultang array sa variable mapKeys:
Para sa pag-convert ng mga entry ng mapa sa isang array gamit ang ' map.entry() ” paraan sa spread operator:
const mapEntries = [ ... mapa . mga entry ( ) ] ;Output
Inipon namin ang lahat ng kinakailangang impormasyon na may kaugnayan sa pag-convert ng mga value ng mapa sa isang array at pati na rin sa mga key ng mapa at mga entry sa isang array gamit ang JavaScript.
Konklusyon
Upang i-convert ang mga halaga ng mapa sa isang array, gamitin ang ' map.values() 'paraan na may ' Array.from() 'paraan o ang' spread operator ”. Ang map.values() method ay ginagamit para makuha ang mga value ng mapa at ang Array.from() method ay nagko-convert ng mga value na ito sa array habang kinokopya ng spread operator ang lahat ng value ng mapa sa isang array. Inilalarawan ng tutorial na ito ang pamamaraan para sa pag-convert ng mga halaga ng isang mapa sa isang array.