Skip to content

JavaScript Array Map | Method

  • by

JavaScript Array map() method is used to transform an array of elements. The map() method creates an array by calling a specific function on each element present in the parent array.

array.map(function(currentValue, index, arr), thisValue)

Note: map() does not execute the function for empty elements and does not change the original array.

JavaScript Array Map

A simple example code uses a for loop to iterate over the elements, transform each individual one, and push the results into a new array.

<!DOCTYPE html>
<html>
<body>
  <script >
    const array1 = [1, 4, 9, 16];

    const res = array1.map(x => x * 2);

    console.log(res);

  </script>
</body>
</html>

Output:

JavaScript Array Map | Method

Return a new array with the square root of all element values:

<script>
    const numbers = [4, 9, 16, 25];
    const newArr = numbers.map(Math.sqrt)

    console.log(newArr);//[ 2, 3, 4, 5 ]
</script>

Do comment if you have any doubts or suggestions on this JS method code.

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

Discover more from Tutorial

Subscribe now to keep reading and get access to the full archive.

Continue reading