> For the complete documentation index, see [llms.txt](https://bryan-guner.gitbook.io/my-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bryan-guner.gitbook.io/my-docs/array-methods-lesson/methods/array.map.md).
# Array.map()
### `Array.map()`
## .map
no mutation
## .map
no mutation
#### Description
The map() method creates a new array with the results of calling a provided function on every element in this array.
```
Array.prototype.map ( callbackfn [ , thisArg ] )
```
#### Example
```
let array1 = [1, 4, 9, 16];
// pass a function to map
const map1 = array1.map(x => x * 2);
console.log(map1);
// expected output: Array [2, 8, 18, 32]
```
#### Description
The map() method creates a new array with the results of calling a provided function on every element in this array.
```
Array.prototype.map ( callbackfn [ , thisArg ] )
```
#### Example
```
let array1 = [1, 4, 9, 16];
// pass a function to map
const map1 = array1.map(x => x * 2);
console.log(map1);
// expected output: Array [2, 8, 18, 32]
```
Calls a function on each array element and returns the result as new array. Or feeds all hungry monkeys.
```javascript
const hungryMonkeys = ["🐒", "🦍", "🦧"];
const feededMonkeys = hungryMonkeys.map((m) => m + "🍌");
console.log(feededMonkeys); // ["🐒🍌", "🦍🍌", "🦧🍌"]
```
\_Documentation on \_[*MDN*](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map)
{% embed url="" %}
### map()
```
const array = [1, 2, 3, 4]const mapArray = array.map(element => element * 2)// array = [1, 2, 3, 4]// mapArray = [2, 4, 6, 8]
```
**`map`** method will create a new array of elements where each element is a value returned from the function provided. The example above shows the function provided doubling each element. Hence, `mapArray` is `[2, 4, 6, 8]`.
`Note`: just like filter method, map will not mutate the original array because it will create a new array.