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

Рет қаралды 16,492

Күн бұрын

🚨 Join the world’s BEST developer course & community: Zero to Full Stack Hero!
www.papareact.com/course
📩 Want coding problems (with solutions!) delivered to your inbox daily? www.papareact.com/dailycoding...
🔴 LOOKING FOR THE CODE? 🛠️
links.papareact.com/github
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
🖥️Code Editor used in this tutorial: runjs.app/
👇FOLLOW ME HERE:
Instagram: links.papareact.com/instagram
Facebook: links.papareact.com/facebook
LinkedIn: links.papareact.com/linkedin
Twitter: links.papareact.com/twitter
Discord: links.papareact.com/discord
Newsletter: links.papareact.com/newsletter
💰 WANT TO SUPPORT THE CHANNEL?
Donate here: links.papareact.com/donate
Grab some PAPA Merch: links.papareact.com/merch
🕐 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

Пікірлер: 40

@niteshprajapat7918 Жыл бұрын

you need to start a brand new JS series 🔥

@jss_developer1432 Жыл бұрын

Yes with nextjs projects !!

@erasmusmensah7428 Жыл бұрын

Definitely

@user-km3ix1ig4o 10 ай бұрын

true public demand

@dalestewart Жыл бұрын

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

@raymundverallo1967 27 күн бұрын

Hands down the best map explainaton. Thank you!

@mtsurov 6 ай бұрын

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❤❤❤

@ToumaRenshi Жыл бұрын

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

@isagive Жыл бұрын

great vid man, thank u ✌️

@AntonioSantos-ve6zv Жыл бұрын

Awesome! Thanks!

@lucasdamasceno7068 Жыл бұрын

thanks bro. you are the best

@dragos8117 Жыл бұрын

thanks bro, you rock!

@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!

@alfecogroup Жыл бұрын

Thank you👊

@abhinavdhama3014 Жыл бұрын

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

@gilbmp 7 күн бұрын

Awesome.

@mdanas0007 Жыл бұрын

Make a playlist on all ES6 concepts

@SuperPompey77 Жыл бұрын

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

@cryptomallu6271 Жыл бұрын

best video

@anvarjonhujamov Жыл бұрын

usefull

@JoonasKarp Жыл бұрын

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

@nickbricewolfgang5857 Жыл бұрын

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.

@developertak Жыл бұрын

which software are you useing ?

@ErlWable 9 ай бұрын

which editor is that? its so cool

@appstuff6565 8 ай бұрын

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.)

@raghurajbalasubramaniam4119 Жыл бұрын

which application you are using for direct console.log

@erow80 Жыл бұрын

Curious as well. I don’t know why VS Code wouldn’t ship with this feature.

@ayush_code9849 Жыл бұрын

Which vs code theme is he using in this video?

@growwithdesign 10 ай бұрын

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.

@2ameridiem 6 ай бұрын

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

@martinsrichard6134 Жыл бұрын

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

@ankurgandhi4507 Жыл бұрын

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