How to Print a Map in TypeScript


How to Print a Map in TypeScript ?

Answer

To print a map in TypeScript, you can iterate over the map using the forEach method, a for-of loop, or the entries method to print each key-value pair.



✐ Examples

1 Printing a Map Using forEach Method

We can print a map in TypeScript by iterating over the map using the forEach method and printing each key-value pair.

For example,

  1. 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.
  2. We use the forEach method to iterate over each key-value pair in the map. The forEach method takes a callback function that defines the operation to be performed on each element.
  3. Inside the callback function, we print the key and value of each pair using the console.log function.

TypeScript Program

let myMap: Map<string, number> = new Map([
    ['one', 1],
    ['two', 2],
    ['three', 3]
]);

// Print the map using forEach method
myMap.forEach((value, key) => {
    console.log(`${key}: ${value}`);
});

Output

one: 1
two: 2
three: 3

2 Printing a Map Using for-of Loop

We can print a map in TypeScript by iterating over the map using a for-of loop and printing each key-value pair.

For example,

  1. 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.
  2. We use a for-of loop to iterate over each key-value pair in the map. The loop variable entry represents each key-value pair in the map as an array.
  3. Inside the loop, we use array destructuring to extract the key and value from each pair and print them using the console.log function.

TypeScript Program

let myMap: Map<string, number> = new Map([
    ['one', 1],
    ['two', 2],
    ['three', 3]
]);

// Print the map using for-of loop
for (let [key, value] of myMap) {
    console.log(`${key}: ${value}`);
}

Output

one: 1
two: 2
three: 3

3 Printing a Map Using entries Method

We can print a map in TypeScript by iterating over the map using the entries method and printing each key-value pair.

For example,

  1. 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.
  2. We use the entries method to get an iterator of the map's key-value pairs. The iterator returns each key-value pair as an array.
  3. We use a for-of loop to iterate over the iterator. The loop variable entry represents each key-value pair in the map as an array.
  4. Inside the loop, we use array destructuring to extract the key and value from each pair and print them using the console.log function.

TypeScript Program

let myMap: Map<string, number> = new Map([
    ['one', 1],
    ['two', 2],
    ['three', 3]
]);

// Print the map using entries method
for (let [key, value] of myMap.entries()) {
    console.log(`${key}: ${value}`);
}

Output

one: 1
two: 2
three: 3

Summary

In this tutorial, we learned How to Print a Map in TypeScript language with well detailed examples.




More TypeScript Maps Tutorials

  1. How to create an Empty Map in TypeScript ?
  2. How to create a Map with Initial Key-Value Pairs in TypeScript ?
  3. How to Print a Map in TypeScript ?
  4. How to Add a Key-Value Pair to a Map in TypeScript ?
  5. How to Set a Default Value for a Key in a Map in TypeScript ?
  6. How to Update the Value for a Key in a Map in TypeScript ?
  7. How to Check if a Map is Empty in TypeScript ?
  8. How to Check if a Key Exists in a Map in TypeScript ?
  9. How to Check if a Value Exists in a Map in TypeScript ?
  10. How to Get the Value Associated with a Key in a Map in TypeScript ?
  11. How to Remove a Key-Value Pair from a Map in TypeScript ?
  12. How to Remove Key-Value Pairs from a Map Based on Values in TypeScript ?
  13. How to Clear All Key-Value Pairs from a Map in TypeScript ?
  14. How to Iterate Over Keys in a Map in TypeScript ?
  15. How to Iterate Over Values in a Map in TypeScript ?
  16. How to Iterate Over Entries (Key-Value Pairs) in a Map in TypeScript ?
  17. How to Get the Size (Number of Key-Value Pairs) of a Map in TypeScript ?
  18. How to Convert a Map to an Array of Keys in TypeScript ?
  19. How to Convert a Map to an Array of Values in TypeScript ?
  20. How to Convert a Map to an Array of Key-Value Pairs in TypeScript ?
  21. How to Merge Two Maps in TypeScript ?
  22. How to Copy a Map in TypeScript ?
  23. How to Check if Two Maps are Equal in TypeScript ?
  24. How to Sort a Map by Keys in TypeScript ?
  25. How to Sort a Map by Values in TypeScript ?
  26. How to Filter a Map Based on Keys in TypeScript ?
  27. How to Filter a Map Based on Values in TypeScript ?
  28. How to Reduce Values in a Map to a Single Value in TypeScript ?
  29. How to Convert an Array of Key-Value Pairs to a Map in TypeScript ?
  30. How to Convert a Map to a JSON String in TypeScript ?
  31. How to Convert a JSON String to a Map in TypeScript ?
  32. How to Swap Keys and Values in a Map in TypeScript ?
  33. How to Create a Map of Maps in TypeScript ?
  34. How to Iterate Over a Map of Maps in TypeScript ?