Array Reduce - Javascript In Depth

Learn about how we can reduce over arrays in Javascript. We go over some common issues when using reduce as well as several examples to help cement all these ideas.
This is part of a series where we go over Javascript in depth to learn programming concepts as well as web development: • Javascript In Depth
Chapters:
00:00 Introduction
00:33 Array Reduce Concepts
10:14 Array Reduce Documentation
12:50 Array Reduce Code Example
22:06 Array Reduce Memory Representation
24:12 Array Reduce Without Return
32:05 Reduce String Example
38:48 Reduce Array Example
45:00 Next Steps
📦 Github Repository with the notes and exercise code+solutions: github.com/Nooder/javascript-...
💬 Come join us on Discord to chat with a like-minded community about tech and learning: / discord
🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon: / techwithnader

[@Pharizer]

This channel is a goldmine! You def deserve more views

[@TechWithNader]

Thank you very much! I’m just glad to be able to help people with these topics 😊 Can’t wait for the upcoming videos!

[@luisescobar5012]

I agree this channel is a gold mine !

[@KRAKENBACK..]

23 videos in never lookin back! Thank you Nader

[@TechWithNader]

Just powering through! Nice work - I can't wait to see how you do on the project 🚀

[@OXIDE777-is6gs]

I totaly agree, you deffinetely deserve more views, I already shared your content to my class, hope they will hang around.

[@404React_Media]

You one of the best when it comes to breaking down JS. Keep up the good work!

[@TechWithNader]

Thanks a lot, that means a lot 😊 Will keep them coming, haha! 🥳

[@RajeaBilal]

The best video on array.reduce... ever!

[@TechWithNader]

Thanks Rajea! I’m so glad you find it helpful haha, since this is such a confusing but important topic (in every language)! 😊

[@septembersaii2364]

Easy to understand explanation, super excited to keep learning more thank you for teaching !

[@TechWithNader]

You're very welcome! Glad you're finding these helpful and (hopefully) fun, haha! 😃

[@MauFerrusca]

My absolute thanks. Your diagrams, explanations and thought process has helped me immensly. Thank you so much, Nader.

[@nanlunglongtau2076]

The slides were really helpful here

[@dharsanr6504]

This channel is a gem, thank you soo much for creating such an amazing playlist to learn js in depth

[@kepdani]

really good explanations, thanks

[@nguyennguyen-nm3oq]

Could you mention a quick blurb on how these tools are applied with industry examples? It would help contextualize the raw code and relate the value of the lesson. Thank for sharing your knowledge Sir.

[@TechWithNader]

Good point! I designed most of these exercises to simulate similar tasks you might see in industry. There are so many possible fields you could apply these to so I tried to keep it applicable but generic and interesting. 🤓 In some of the later examples as we learn more I do sprinkle in some thing like web related or interview question related where possible 😊 I would love to make a full series walking through using these building blocks start to finish to build an actual product that’s full stack though. I think I can really bring in the most industry comparison there 🤞🏽

[@angrysnowballman]

very informative, great work! Keep going. I am likes every your video

[@TechWithNader]

Thanks, that’s very kind of you 😊

[@senniagordinskaya4051]

Thank you!

[@user-wl2em8qm3k]

Thanks master

[@AnkitPatel04]

I think finding small and large numbers we don't neet to pass initial value because accumulator will be array [0] and currentvalue array[1] so we can find wich one is small or large by comparing and then return accumulator or currentValue

[@kimborlongan9045]

How do you higlight several lines and instantly comment out all of it. Mine gets erased and replaced by // Love ur vids btw. Keep it up!

[@TechWithNader]

Thanks! For commenting, if you highlight the code and do cmd+/ on mac or ctrl+/ on pc it should work 😊

[@brwka]

where can i find MORE this type of exercises to increase my understanding of method. I have downloaded your repository but i have completed all exercise ;p

[@TechWithNader]

Haha, I would love to create more of these sometime! I'd encourage you to try using map/filter/reduce more in your code your write for all your other tasks/problems and see if you can solve it with them instead. That's always good practice and you'll see it applies to many more things and places than you'd have guessed 😊

[@JoeMilneEnglish]

S*#t is getting real here! Haha. Tough! Onto the exercises.

[@TechWithNader]

Tough love, haha!

[@chabaneau]

let gitHubExerciseCompleted = false; let understood = false; let otherSourcesChecked = false; let naderVideoChecked = false; if (otherSourcesChecked === true){ understood = false; gitHubExerciseCompleted = false; } if( naderVideoChecked === true){ understood = true; gitHubExerciseCompleted = true; }

[@TechWithNader]

Nice. Haha, thanks Michel! Some of these exercises are getting quite tough and reduce is quite tricky so I’m glad you’re enjoying them and powering through! 🥳🚀

[@KRAKENBACK..]

i figured out how you would get rid of the - at the end because that kept me up last night wanting to figure out how lol, I ended up using the slice method on concatCities.slice(0, -1). We start slice at 0 to keep the string from the beginning and -1 to get rid of that last - after toronto.

[@TechWithNader]

Nice solution! Haha, you're already turning in to a dev 😂 "The code keeping me up at night... must solve!"