Skip to content

JavaScript map forEach() | Method

  • by

JavaScript map forEach() method is used to loop over the map. This method executes the specified function once for each key/value pair in the Map object.

forEach(callbackFn, thisArg)

JavaScript map forEach

Simple example code fetch the values from the Map object.

<!DOCTYPE html>
<html>
<body>
  <script >
    var map = new Map();  
    map.set(1,"jQuery");  
    map.set(2,"Angular JS");  
    map.set(3,"Bootstrap");  

    function display(values)   {  
      console.log(values);  
    }

    map.forEach(display);  
    
  </script>
</body>
</html>

Output:

JavaScript map forEach Method

Another example fetch the values and keys from the Map object.

<script >
    var map = new Map();  
    map.set(1,"jQuery");  
    map.set(2,"Angular JS");  
    map.set(3,"Bootstrap");  

    function display(values, key)   {  
      console.log(key,values);  
    }

    map.forEach(display);  
    
</script>

More Syntax

// Arrow function
forEach(() => { /* ... */ } )
forEach((value) => { /* ... */ } )
forEach((value, key) => { /* ... */ } )
forEach((value, key, map) => { /* ... */ } )

// Callback function
forEach(callbackFn)
forEach(callbackFn, thisArg)

// Inline callback function
forEach(function() { /* ... */ })
forEach(function(value) { /* ... */ })
forEach(function(value, key) { /* ... */ })
forEach(function(value, key, map) { /* ... */ })
forEach(function(value, key, map) { /* ... */ }, thisArg)

Do comment if you have any doubts or suggestions on this Js map topic.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.