Map, Filter & Reduce EXPLAINED in JavaScript - It's EASY!

In today's video I'll be taking you through my favourite 3 methods in JavaScript: map, filter and reduce. All of these are useful array methods that you'll likely need as you develop JavaScript applications or websites.
Chapters:
0:00 Intro
1:15 map
3:37 filter
5:57 filter & map
6:56 reduce
11:12 Outro
For your reference, check this out:
developer.mozilla.org/en-US/d...
developer.mozilla.org/en-US/d...
developer.mozilla.org/en-US/d...
🏫 My Udemy Courses - www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - marketplace.visualstudio.com/...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #javascript

Пікірлер: 43

  • @victormuuo235
    @victormuuo2353 ай бұрын

    I'm not that dev who drops comments on every tutorial, but bro honestly, you gat it ! Big thumbs up

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

    You've got yourself another well-deserved subscriber. Your teaching style is excellent and very easy to follow. Thanks for introducing me to the concept of chaining methods together, this is fantastic!

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

    I loved your video it really helped me with a tough project I'm undertaking at work. You are awesome! *Subscribed*

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

    This made it so understandable, thank you

  • @Phill_F
    @Phill_F10 ай бұрын

    In my beginner opinion, you explained this super well, thank you!

  • @Shadel.
    @Shadel.6 ай бұрын

    Thanks for your efforts. These methods are really great, useful and pratic.

  • @parinsheth4971
    @parinsheth49712 жыл бұрын

    That made it easy to learn! Ty sir

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

    This a perfect example to describe 3 simple functions that seem complex. I subscribed.

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

    Nice explanation over the topic!

  • @joshuaogbum8930
    @joshuaogbum89302 жыл бұрын

    helped alot, your a king

  • @malikgulraiz3659
    @malikgulraiz36597 ай бұрын

    My understanding with these arrays methods after watching your video 📈📈

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

    Great explanation man.

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

    This made it so understandable

  • @srinivasaraoyp3640
    @srinivasaraoyp36408 ай бұрын

    Very interesting demo. Thank you.

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

    Thank you brother. I came here for this reason !!!

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

    Thanks a lot, very simple to understand

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

    Finally something to understand. Great example. Thank you!

  • @dcode-software

    @dcode-software

    Жыл бұрын

    You're welcome! Happy it helped

  • @user-sc1wy5rh6l
    @user-sc1wy5rh6l8 ай бұрын

    Made it simple and easy to understand Thanks man!

  • @dcode-software

    @dcode-software

    8 ай бұрын

    Glad to hear it!

  • @rangabharath4253
    @rangabharath42532 жыл бұрын

    Awesome 👍😎

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

    What does "person" represent? Is "person" suppose to be an object in the new array? Trying to map the syntax to the logic. Thank you for your channel. New subscriber!

  • @rhn8696
    @rhn86962 жыл бұрын

    thank you so much!!!

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    You're welcome, glad it was helpful!

  • @Salah-YT
    @Salah-YT2 жыл бұрын

    thank u so much bro so i did learn before people say arrow function don't need return so I did try it its work so just like that, const names = people.map((person) => person.name); thanx anyway

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    Welcome 👍 arrow functions don't need to use "return" when you have a one-liner.

  • @Salah-YT

    @Salah-YT

    2 жыл бұрын

    @@dcode-software thx bro

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

    very nice video brother

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

    my brain started drifting away in the middle of the reduce method explanation.

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

    thanks brooo !

  • @dcode-software

    @dcode-software

    Жыл бұрын

    You're welcome mate.

  • @scott_itall8638
    @scott_itall863811 ай бұрын

    what about when with an array provided you get .filter is not a function? an array passed into a function to filter the array.

  • @hellothere8547
    @hellothere85472 жыл бұрын

    The Udemy course link isn’t working from the U.S.

  • @amerhaadiaan6374
    @amerhaadiaan63742 жыл бұрын

    Hi. What color do you use vscode for?

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    I use the 'dcode' VS Code theme - you can find it on the VS Code Marketplace

  • @amerhaadiaan6374

    @amerhaadiaan6374

    2 жыл бұрын

    @@dcode-software 💕❤❤❤

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

    In the map case... what happens if one of the 3 objects has no name porperty? The resulting array woudn't be of the same length as the original? Or what??

  • @user87546

    @user87546

    Жыл бұрын

    I just checked, it fills that space in the array with undefined

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

    nice

  • @Mark-nh7zg
    @Mark-nh7zg Жыл бұрын

    How does the code know that "person" refers to the objects in the array if the name of the objects (person) was never defined?

  • @larkharo8863

    @larkharo8863

    Жыл бұрын

    He is mapping through people, creating person as the argument, then passing in the person.name as the return value. Person.name goes back to the people array and grabs the name of each person then moving it to the new names variable.

  • @Mark-nh7zg

    @Mark-nh7zg

    Жыл бұрын

    @@larkharo8863 Thank you! When a function argument uses a label that has not been defined elsewhere, that's basically like creating a variable for the function that represents the argument of the function, is that right?

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

    well deserved follow and like simple and nice explanation