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
I'm not that dev who drops comments on every tutorial, but bro honestly, you gat it ! Big thumbs up
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!
I loved your video it really helped me with a tough project I'm undertaking at work. You are awesome! *Subscribed*
This made it so understandable, thank you
In my beginner opinion, you explained this super well, thank you!
Thanks for your efforts. These methods are really great, useful and pratic.
That made it easy to learn! Ty sir
This a perfect example to describe 3 simple functions that seem complex. I subscribed.
Nice explanation over the topic!
helped alot, your a king
My understanding with these arrays methods after watching your video 📈📈
Great explanation man.
This made it so understandable
Very interesting demo. Thank you.
Thank you brother. I came here for this reason !!!
Thanks a lot, very simple to understand
Finally something to understand. Great example. Thank you!
@dcode-software
Жыл бұрын
You're welcome! Happy it helped
Made it simple and easy to understand Thanks man!
@dcode-software
8 ай бұрын
Glad to hear it!
Awesome 👍😎
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!
thank you so much!!!
@dcode-software
2 жыл бұрын
You're welcome, glad it was helpful!
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
2 жыл бұрын
Welcome 👍 arrow functions don't need to use "return" when you have a one-liner.
@Salah-YT
2 жыл бұрын
@@dcode-software thx bro
very nice video brother
my brain started drifting away in the middle of the reduce method explanation.
thanks brooo !
@dcode-software
Жыл бұрын
You're welcome mate.
what about when with an array provided you get .filter is not a function? an array passed into a function to filter the array.
The Udemy course link isn’t working from the U.S.
Hi. What color do you use vscode for?
@dcode-software
2 жыл бұрын
I use the 'dcode' VS Code theme - you can find it on the VS Code Marketplace
@amerhaadiaan6374
2 жыл бұрын
@@dcode-software 💕❤❤❤
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
Жыл бұрын
I just checked, it fills that space in the array with undefined
nice
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
Жыл бұрын
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
Жыл бұрын
@@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?
well deserved follow and like simple and nice explanation