30 Days Of JavaScript

Day 10: Higher Order Functions Part 1

Lesson 3: map

This is one of the most used higher order functions and it lets us transform the data in an array from one form into another. For example if we square each number in an array:

The key bit here is where we passed (number) => number * number in to the .map() function.

This is short hand notation for:

1.map((number) => {
2    return number * number
3})

You can call number what ever you like, that's just the argument name I have chosen here. If we wanted to change an array of people object then person would be a better name.

Also note that map, unlike sort, does not change the initial array, it returns a new array.

One of the most common uses of map() is transforming objects. Let's take a look at a more complex example.

You can see here we have taken our array of complicated person objects and created an array of just ages.

Outline

Go Pro?

Upgrade to Pro for quizzes, tracked progress and a completion certificate for just $25 🚀

Want more developer tips, tricks and tools?
Then follow me:
FREE Coding Career Quick Start Guide 🚀
Discover the best way to learn to code, how to land a job and valuable resources to help your journey in this free 15 page value packed guide.
Looking to email me? You can get me on my first name at allthecode.co