What is the Array map() function in JavaScript?

The map() method takes a function as a parameter, applies that function to every element in the array, and returns a new array with the results.

Parameters of map()

map() takes two arguments at most.

  1. The first parameter is which function to apply to each element. This is a required parameter.

  2. The second parameter is optional and is provided with the function to be used as the this keyword. If it is not provided, this should not be used.

Syntax

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

Parameters of function(...)

The function to be provided as input takes the following three parameters at most.

  • currentValue: This is the only required one. It contains the value of the current element of the array.

  • index: This contains the index of the current element.

  • arr: This contains the array on which the map() function is applied.

Return value of function(...)

A new array is returned with the given function that is applied to each element.

Code

function doubleArray(x){
  return x*2;
}
arr = [1, 2, 3, 4, 5]
result = arr.map(doubleArray)
//The original array is unchanged
console.log("Original: ", arr)
console.log("Result: ", result)
Free AI Mock Interviews
Coding Interview
Coding PatternsFree Interview
Gain insights and practical experience with coding patterns through targeted MCQs and coding problems, designed to match and challenge your expertise level.
System Design
You TubeFree Interview
Learn to design a video streaming platform like YouTube by tackling functional and non-functional requirements, core components, and high-level to detailed design challenges.

Free Resources

License: Creative Commons-Attribution-ShareAlike 4.0 (CC-BY-SA 4.0)