How to useArray.from() and forEach() Method in Javascript

The Array.from() method can be used to convert the iterable returned by Map.entries() into an array of [key, value] pairs. This array can then be iterated using the forEach() method.

Syntax:

Array.from(myMap.entries()).forEach(([key, value]) => {
console.log(key + " is " + value);
});

Example: This example demonstrates the implementation of the above-explained approach.

JavaScript
function iterateMap() {
    let myMap = new Map();
    myMap.set("Cricket", "sport");
    myMap.set("Apple", "fruit");

    Array.from(myMap.entries()).forEach(([key, value]) => {
        console.log(key + " is " + value);
    });
}

iterateMap();

Output
Cricket is sport
Apple is fruit


How to iterate over Map elements in JavaScript ?

Map() is very useful in JavaScript it organises elements into key-value pairs. This method iterates over each element in an array and applies a callback function to it, allowing for modifications before returning the updated array.”

The Map() keyword is used to generate the object. The map() method loops through each object in the given array. The map() method combines with the entries() method to loop through the object and returns an array containing key-value pairs as its data.

Here we have two methods to iterate Map element in JavaScript:

Table of Content

  • Using for…of loop
  • Using forEach() loop
  • Using Map.keys() method

Similar Reads

Approach 1: Using for…of loop

The for…of loop iterates over the iterable objects (like Array, Map, Set, arguments object, …, etc), invoking a custom iteration hook with statements to be executed for the value of each distinct property....

Approach 2: Using forEach() loop

The Map.forEach() method is used to loop over the map with the given function and execute the given function over each key-value pair....

Approach 3: Using Map.keys() method

In this Approach, we are usingMap.keys() method for iteration of the given map. the key() method returns the value and the result. This returns the iterator object that contains keys in the map....

Approach 4: Using Array.from() and forEach() Method

The Array.from() method can be used to convert the iterable returned by Map.entries() into an array of [key, value] pairs. This array can then be iterated using the forEach() method....

Contact Us