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

🚨 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

Пікірлер: 38

  • @niteshprajapat7918
    @niteshprajapat7918 Жыл бұрын

    you need to start a brand new JS series 🔥

  • @jss_developer1432

    @jss_developer1432

    Жыл бұрын

    Yes with nextjs projects !!

  • @erasmusmensah7428

    @erasmusmensah7428

    Жыл бұрын

    Definitely

  • @user-km3ix1ig4o

    @user-km3ix1ig4o

    9 ай бұрын

    true public demand

  • @dalestewart
    @dalestewart Жыл бұрын

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

  • @mtsurov
    @mtsurov5 ай бұрын

    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 !

  • @isagive
    @isagive Жыл бұрын

    great vid man, thank u ✌️

  • @sadique_x_
    @sadique_x_ Жыл бұрын

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

  • @ToumaRenshi
    @ToumaRenshi Жыл бұрын

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

  • @lucasdamasceno7068
    @lucasdamasceno7068 Жыл бұрын

    thanks bro. you are the best

  • @dragos8117
    @dragos811711 ай бұрын

    thanks bro, you rock!

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

    Awesome! Thanks!

  • @HazielDiego
    @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
    @alfecogroup Жыл бұрын

    Thank you👊

  • @abhinavdhama3014
    @abhinavdhama3014 Жыл бұрын

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

  • @mdanas0007
    @mdanas0007 Жыл бұрын

    Make a playlist on all ES6 concepts

  • @growwithdesign
    @growwithdesign9 ай бұрын

    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.

  • @nickbricewolfgang5857
    @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.

  • @ErlWable
    @ErlWable8 ай бұрын

    which editor is that? its so cool

  • @cryptomallu6271
    @cryptomallu6271 Жыл бұрын

    best video

  • @SuperPompey77
    @SuperPompey77 Жыл бұрын

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

  • @developertak
    @developertak Жыл бұрын

    which software are you useing ?

  • @JoonasKarp
    @JoonasKarp Жыл бұрын

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

  • @2ameridiem
    @2ameridiem5 ай бұрын

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

  • @appstuff6565
    @appstuff65657 ай бұрын

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

  • @anvarjonhujamov6491
    @anvarjonhujamov6491 Жыл бұрын

    usefull

  • @ayush_code9849
    @ayush_code9849 Жыл бұрын

    Which vs code theme is he using in this video?

  • @ankurgandhi4507
    @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

  • @martinsrichard6134
    @martinsrichard6134 Жыл бұрын

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

  • @raghurajbalasubramaniam4119
    @raghurajbalasubramaniam4119 Жыл бұрын

    which application you are using for direct console.log

  • @erow80

    @erow80

    Жыл бұрын

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

  • @krajonathan4325
    @krajonathan4325 Жыл бұрын

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

  • @gopalpaul8498
    @gopalpaul8498 Жыл бұрын

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

  • @arunkumar-tn5gu
    @arunkumar-tn5gu Жыл бұрын

    Is is chatgpt replace developers?

  • @Rust_Rust_Rust

    @Rust_Rust_Rust

    Жыл бұрын

    Yes say goodbye to your job. Facebook said they are firing everyone at the end of the month and replacing them with chatgpt.

  • @MWStudiooo
    @MWStudiooo Жыл бұрын

    Please start fullstack Flutter ❤ because the way you teach channel will get more views from flutter famm❤️

  • @torjmenmedamine3421
    @torjmenmedamine3421 Жыл бұрын

    no more React native videos ? :'(

  • @jilvirpaeste8258
    @jilvirpaeste8258 Жыл бұрын

    this almost help me... but it did not...🙂