Learn the JavaScript Map function in 18 minutes (for beginners)

🚨 Join the world’s BEST developer course & community: Zero to Full Stack Hero!

🔴 LOOKING FOR THE CODE? 🛠️

Join me as I teach you several topics related to the Map Function such as:

👉 What is a Map Function & How do we use it?
👉 Important points to remember when using the Map Function!
👉 Several use cases of a Map Function & examples of a Map function in action!
👉 Why it's important to know and understand the Map Function

👇FOLLOW ME HERE:

💰 WANT TO SUPPORT THE CHANNEL?

🕐 TIMESTAMPS:
00:00 Introduction
00:21 Skillshare Sponsorship
02:03 Map Function Lesson Intro
02:46 Map Function Explained
04:01 When NOT to use Map Function
04:40 Map Function Example #1
07:00 Map Function Example #2
08:43 Map Function Example #3 (Important)
10:40 Map Function Example #4
14:23 Map Function Example #5
14:59 Map Function Example #6
17:20 Map Function Lesson Summary
18:04 Outro

Let’s get it PAPAFAM 🔥.

#javascript #tutorial #beginner #map

[niteshprajapat]

you need to start a brand new JS series 🔥

[raymundverallo]

Hands down the best map explainaton. Thank you!

[mtsurov]

What an awesome tutorial. You have use cases and all the variability of syntax that one will encounter when working on somebody else's code. This is just great. Appreciate it !

[sadique_x_]

started watching your videos yesterday, now I'm stuck on the channel 💯🤣
love❤❤❤

[dalestewart]

Great video re-emphasizing the power of the map function.

[ToumaRenshi]

the best-explained things I have ever seen here. greeting from Poland

[abhinavdhama]

Sonny bro create one playlist or a whole course on JS concepts like promises, async await, destructring, some array string methods

[JoonasKarp]

Which one to use Next.js or Vite + Reactjs?

[nickbricewolfgang]

I really really want to go in for your course but just have one question: what’s the difference between the diamond and platinum sales. Cause I wanna take the platinum since it’s cheaper but scared to miss something.

[raghurajbalasubramaniam]

which application you are using for direct console.log

[HazielDiego]

Your content is great! Loved your didatic. I also enjoyed your approach in your course and community. Sadly, I cannot join because my currency make it impossible.
Hope we can see more JS content here.
Thank you!

[SuperPompey]

Hello from Victoria, Canada 🇨🇦 @ 04:18 am.

[ameridiem]

in example #6 es6 destructuring, shouldn't the last line be-
const ({ name, score }) => ({ [name]:[score] }))
because name and score are variables and we need to use brackets to access their values while returning the object.?

[appstuff]

Thanks for this sonny! I also saw your trello video, which actually led me here! Maps is clearer to me now. However, imagine i have a linktree clone and list of items/links.

If i change the vertical sorting /position. How would I go about it the best way according to you? How do i save its sorting arrangement in db?

(Im using nextjs tsx with supabase in the backend with links and users table, where i fetch the links depending on the creatorslug/user id.)

[growwithdesign]

Hi Sonny. Very helpful video. I have a query. I have created a API file and I'm using map function to refer to this API. Since im doing this on localhost, i cannot use axios. My question is - how do I use map function and call out only 1 object with it's key-value pairs, instead of outputting the whole array. Example, imagine an API of employee data with nested array of data inside each employee. Now, when I use map function, I just want to output all data of employee with id = 6. But right now, map is outputting the whole list of employees.

[krajonathan]

How much would you charge to build an app like uber? How much ? Roughly...
I have a project.

[ayush_code]

Which vs code theme is he using in this video?

[martinsrichard]

hey sonny, we need a python crash course or a project using python or django, thanks in advance

[ankurgandhi]

Bro can you help me out when i use firebase in firebase.js file giving me this kind of error "Package path . is not exported from package". i tried a lot but not able to fix this ... if someone can help me out.

btw Nice video Sonny

[gopalpaul]

hlw Brother a request pls create trusted crowdfunding app using blockchain video because it's help for me. pls🙏🙏🙏🙏🙏