Map, Filter & Reduce EXPLAINED in JavaScript - It's EASY!
ฝัง
- เผยแพร่เมื่อ 22 ก.ค. 2024
- 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
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!
In my beginner opinion, you explained this super well, thank you!
I loved your video it really helped me with a tough project I'm undertaking at work. You are awesome! *Subscribed*
This a perfect example to describe 3 simple functions that seem complex.
I subscribed.
This made it so understandable, thank you
Thank you brother. I came here for this reason !!!
My understanding with these arrays methods after watching your video 📈📈
That made it easy to learn! Ty sir
Thanks for your efforts. These methods are really great, useful and pratic.
helped alot, your a king
Nice explanation over the topic!
This made it so understandable
Great explanation man.
Thanks a lot, very simple to understand
Very interesting demo. Thank you.
Finally something to understand. Great example. Thank you!
You're welcome! Happy it helped
my brain started drifting away in the middle of the reduce method explanation.
Awesome 👍😎
Made it simple and easy to understand Thanks man!
Glad to hear it!
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
Welcome 👍 arrow functions don't need to use "return" when you have a one-liner.
@@dcode-software thx bro
very nice video brother
The Udemy course link isn’t working from the U.S.
thank you so much!!!
You're welcome, glad it was helpful!
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!
what about when with an array provided you get .filter is not a function? an array passed into a function to filter the array.
thanks brooo !
You're welcome mate.
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??
I just checked, it fills that space in the array with undefined
Hi. What color do you use vscode for?
I use the 'dcode' VS Code theme - you can find it on the VS Code Marketplace
@@dcode-software 💕❤❤❤
How does the code know that "person" refers to the objects in the array if the name of the objects (person) was never defined?
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.
@@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?
nice
well deserved follow and like simple and nice explanation