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

Поділитися
Вставка
  • Опубліковано 7 чер 2024
  • 🚨 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

КОМЕНТАРІ • 39

  • @niteshprajapat7918
    @niteshprajapat7918 Рік тому +19

    you need to start a brand new JS series 🔥

  • @raymundverallo1967
    @raymundverallo1967 16 днів тому

    Hands down the best map explainaton. Thank you!

  • @dalestewart
    @dalestewart Рік тому +1

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

  • @mtsurov
    @mtsurov 5 місяців тому

    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_
    @sadique_x_ Рік тому +1

    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

  • @isagive
    @isagive Рік тому +1

    great vid man, thank u ✌️

  • @AntonioSantos-ve6zv
    @AntonioSantos-ve6zv Рік тому

    Awesome! Thanks!

  • @lucasdamasceno7068
    @lucasdamasceno7068 Рік тому

    thanks bro. you are the best

  • @dragos8117
    @dragos8117 Рік тому

    thanks bro, you rock!

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

  • @nickbricewolfgang5857
    @nickbricewolfgang5857 Рік тому +1

    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.

  • @abhinavdhama3014
    @abhinavdhama3014 Рік тому +1

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

  • @JoonasKarp
    @JoonasKarp Рік тому +1

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

  • @SuperPompey77
    @SuperPompey77 Рік тому

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

  • @developertak
    @developertak Рік тому +1

    which software are you useing ?

  • @cryptomallu6271
    @cryptomallu6271 Рік тому

    best video

  • @mdanas0007
    @mdanas0007 Рік тому

    Make a playlist on all ES6 concepts

  • @ayush_code9849
    @ayush_code9849 Рік тому

    Which vs code theme is he using in this video?

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

  • @ErlWable
    @ErlWable 9 місяців тому

    which editor is that? its so cool

  • @appstuff6565
    @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.)

  • @2ameridiem
    @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.?

  • @anvarjonhujamov6491
    @anvarjonhujamov6491 Рік тому

    usefull

  • @raghurajbalasubramaniam4119
    @raghurajbalasubramaniam4119 Рік тому +3

    which application you are using for direct console.log

    • @erow80
      @erow80 Рік тому +1

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

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

  • @krajonathan4325
    @krajonathan4325 Рік тому

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

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

  • @gopalpaul8498
    @gopalpaul8498 Рік тому

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

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