How to Convert a Map to an Array of Values in JavaScript - Step by Step Examples

How to Convert a Map to an Array of Values in JavaScript ?

Answer

To convert a map to an array of values in JavaScript, you can use the values() method to get an iterator of values and then convert it to an array using the Array.from() method. This provides a convenient way to extract all values from the map.

✐ Examples

1 Converting a Map to an Array of Values Using values() and Array.from()

We can convert a map to an array of values in JavaScript using the values() method, which provides an iterator of all values in the map. We can then convert this iterator to an array using the Array.from() method.

For example,

We start by declaring and initializing a map named myMap with some key-value pairs. In this example, the map has string keys and integer values.
We use the values method to get an iterator of the values in the map.
We convert the iterator to an array using the Array.from method.
We store the array of values in a variable named valuesArray.
We print the values to the console using the console.log function to verify the conversion.

JavaScript Program

const myMap = new Map([
    ['one', 1],
    ['two', 2],
    ['three', 3]
]);

// Convert map to an array of values
const valuesArray = Array.from(myMap.values());

// Print the values
console.log('Values:', valuesArray);

Output

Values: [1, 2, 3]

2 Converting an Empty Map to an Array of Values

We can also convert an empty map to an array of values in JavaScript using the values() method, which returns an empty array when the map is empty.

For example,

We start by declaring an empty map named emptyMap with string keys and integer values.
We use the values method to get an iterator of the values in the empty map.
We convert the iterator to an array using the Array.from method.
We store the array of values in a variable named emptyValuesArray.
We print the values to the console using the console.log function to verify that the array is empty.

JavaScript Program

const emptyMap = new Map();

// Convert empty map to an array of values
const emptyValuesArray = Array.from(emptyMap.values());

// Print the values
console.log('Values:', emptyValuesArray);

Output

Values: []

3 Converting a Map to an Array of Values After Adding Elements

We can convert a map to an array of values in JavaScript after adding elements using the values() method, which provides an updated iterator of all values in the map.

For example,

We start by declaring an empty map named dynamicMap with string keys and integer values.
We add some key-value pairs to the map using the map's set method.
We use the values method to get an iterator of the values in the map after adding elements.
We convert the iterator to an array using the Array.from method.
We store the array of values in a variable named dynamicValuesArray.
We print the values to the console using the console.log function to verify the updated list of values.

JavaScript Program

const dynamicMap = new Map();

// Add elements to the map
dynamicMap.set('one', 1);
dynamicMap.set('two', 2);
dynamicMap.set('three', 3);

// Convert map to an array of values
const dynamicValuesArray = Array.from(dynamicMap.values());

// Print the values
console.log('Values:', dynamicValuesArray);

Output

Values: [1, 2, 3]

Summary

In this tutorial, we learned How to Convert a Map to an Array of Values in JavaScript language with well detailed examples.

◀ Previous Next ▶

JavaScript Tutorials

JavaScript How-Tos

How to Convert a Map to an Array of Values in JavaScript - Step by Step Examples