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

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

Answer

To convert a map to an array of values in TypeScript, 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 TypeScript 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.

TypeScript Program

const myMap = new Map<string, number>([
    ['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 TypeScript 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.

TypeScript Program

const emptyMap = new Map<string, number>();

// 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 TypeScript 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.

TypeScript Program

const dynamicMap = new Map<string, number>();

// 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 TypeScript language with well detailed examples.

◀ Previous Next ▶

TypeScript Tutorials

TypeScript How-Tos

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