Map - Part 2 of Functional Programming in JavaScript

💖 Support the show by becoming a Patreon

In this video series, we learn how to do functional programming in JavaScript. In this second one, I show you how and when to use the higher-order function map, and why it is the best thing ever.
Resources:

Code from the video

💛 Follow on Twitch
We record the show live Mondays 7 AM PT

💛 Fun Fun Forum

💛 mpj on Twitter

💛 CircleCI (Show sponsor)
Robust and sleek Docker-based Continuous Integration as a service. I used CircleCI prior to them becoming a sponsor and I love that their free tier is powerful enough for small personal projects, even if they are private. Use this link when you sign up to let them know you came from here:

💛 Quokka (Show sponsor)
Wonder how MPJ evaluates JavaScript inline his editor. Quokka is the answer - use this link when you buy to let them know you came from here:

💛 FUN FUN FUNCTION
Since 2015, Fun Fun Function (FFF) is one of the longest running weekly YouTube shows on programming 🏅 thanks to its consistency and quality reaching 200,000+ developers.

🤦‍♂️ The Failing Together concept is what makes FFF unique. Most coding content out there focus on step-by-step tutorials. We think tutorials are too far removed from what everyday development is like. Instead, FFF has created a completely new learning environment where we grow from failure, by solving problems while intensively interacting with a live audience.

Tutorials try to solve a problem. Failing Together makes you grow as a developer and coworker.

📹 Each show is recorded live on Twitch in a 2-hour livestream on Mondays. The host, assisted by the audience, is tasked to complete a programming challenge by an expert guest. Like in the real world, we often fail, and learn from it. This, of course, reflects what the audience identifies with, and is one of the most praised aspects of the show.

⏯ On Fridays, an edited version of the show is adapted for and published on YouTube.

Content Topics revolve around: JavaScript, Functional Programming, Software Architecture, Quality Processes, Developer Career and Health, Software Development, Project Management

[SoeaOu]

I'am watching this from the future baby!
We have arrow functions now, what a classy feature.

[JavierPortillo]

Man, your videos are so entertaining, I don't even notice how much I'm learning! You're a great teacher! :D

[acur]

I love how laid back your teaching style is. Great work! My success as an engineer is purely through the gracious people of YouTube spreading knowledge. Thank you!

[fabianofrank]

That man can still be relevant in 2021... and I love your attitude ! Cheers, man!

[segmentationfaulter]

You are simply awesome man!!! I am really enjoying stuff from you, making 'complex' concepts pretty simple. Please keep making more videos!!! Thank you

[DigitalMonsters]

Only discovered this channel the other day, now recommending it to anyone that has any interest in JavaScript.

Loving your content and enthusiasm is always infectious.

[knthlai]

Honestly one of the first tutorial series that shows an enthusiastic teacher as well as an entertaining humor. Both works wonderfully with each other for this channel! Keep up the great editing and content!

[Hichammmmmmmmmmmmmmm]

I wonder why i've never had a teacher like you. Thanks.

[andreyanandreev]

when there is a single parameter the arrow functions does not need the ().. so it can be x => x.name i thin, instead of (x) => { return x.name }

[NaserMohdBaig]

Having a great teacher is such a blessing. I'd never be where I am if it wasn't for the amazing teachers like Colt Steele, Maximilian Schwarzmüller and you.

[DaleColeman]

These videos are incredibly helpful. You have a real talent for clear and engaging instruction. Much appreciated!

[andora]

You know your teacher is awesome when you look forward to coming home and playing the videos. Keep up the great work, and thank you.

[SpaceShot]

Everything about the presentation style is engaging. Many people will benefit from how patiently you break down this topic.

The other thing about functional style is that you don't necessarily have to decode what the loop is doing, since the loop merely tells you how to do something, but not what you were doing. Sure you can comment, but comments go stale and some people are terrible at updating them. The code is the truth.

Once you learn some basic functional style and the standard functional transformations, you think in terms of map, filter, and so on... so you see what the program is doing, and you don't really worry about how.

[smuffer]

So fun that my node.js version read this right off the bat. No problem. "If you're watching this video from the future you don't have to do this". Learning a great deal through these videos.

[ΘεοδόσιοςΔέρβος]

That's what I was looking for, Advanced JS!!!You are an amazing teacher and you have a sense of humor at the same time.

[warisulimam]

The "HELLO!" at the beginning nearly burst my eardrums. Brilliant content, by the way!

[oopsiedaisy]

i'm a student in design school and this is helping me wrap my head around functions a lot better omg thank you

[rawadkaram]

You are insanely fun to watch haha! You make me WANT to learn functional programming.

[MasterPuppets]

var animals = [
{ name: 'Fluffykins', species: 'rabbit' },
{ name: 'Caro', species: 'dog' },
{ name: 'Hamilton', species: 'dog' },
{ name: 'Harold', species: 'fish' },
{ name: 'Ursula', species: 'cat' },
{ name: 'Jimmy', species: 'fish' }
]

[FalconFetus]

I love the pace you speak at! It gives me plenty of time to wrap my head around it!