The Array map() method creates a new array by calling a function for every array item.

<!-- html element to place output -->
<p id="my_squares"></p>

// array
let numbers = [4, 9, 16, 25, 36, 49];

// output the square roots of all the array items
document.getElementById('my_squares').innerHTML = 'Square Roots: ' + numbers.map(Math.sqrt);

The way this works (see Syntax section below):

• The map() method cycles through the array doing something with each item (in this case, finding the square root)

Square Roots: 2,3,4,5,6,7

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

Parameter	Description
function()	A function to be run for each element in the array (required)
currentValue	The value of the current element (required)
index	The index of the current element
arr	The array of the current element
thisValue	A value passed to the function as its "this" value (default is undefined)

---