array map arrow function
The map()
method of the JavaScript Array object creates a new array by calling a function on every element in the original array. This new array is then returned. The function called is known as an arrow function.
An arrow function is a shorthand form of the traditional JavaScript function
keyword. It takes the parameters of the function and returns the result of the expression. It has some advantages over the traditional function
keyword, such as being less verbose and more efficient. The syntax looks like this:
const myFunction = (param1, param2) => {
// code goes here
return result;
}
This shorthand version of an arrow function can be used in place of a traditional function
when using the map()
method. It is especially useful when you only need to perform a single operation on each element of the original array. For example, if you wanted to double each element in an array, you could use this arrow function:
const myArray = [1,2,3,4,5];
const newArray = myArray.map(x => x * 2);
// newArray is now [2,4,6,8,10]
As you can see, the arrow function is much more concise than a full function
and easier to read. Using an arrow function with the map()
method is a great way to quickly and efficiently modify an array.