JavaScript Array Reduce Method Practice in 5 Minutes
Learn to use the Reduce() function to convert an array of items to one output (ex. sum of items in an array).
Arrays are an essential part of JavaScript. If you want to get better at JavaScript, you have to know how to effectively use arrays, especially the built-in array methods like map, reduce, filter, sort, every, some, etc. In this series, we'll cover the JavaScript array methods you need to know to become a web developer.
Array Worksheet - bit.ly/jqq-array-practice
Join the 💬 Discord Server 💬 - / discord
_____________________________________________
Newsletter 🗞
Interested in exclusive content and discounts? 🤯 Sign up for the newsletter!
www.jamesqquick.com
_____________________________________________
Connect with me 😀
Live streams on Twitch - / jamesqquick
Follow me on Twitter - / jamesqquick
Join the 💬 Discord Server 💬 - / discord
_____________________________________________
COURSES 💻
Learn how to build Fullstack apps with React and Serverless Functions - www.jamesqquick.com/courses/r...
Learn everything you need to know about Visual Studio Code - www.udemy.com/learn-visual-st...
Build a Quiz App - www.udemy.com/build-a-quiz-ap...
Пікірлер: 90
Love the third use case 😻
@boemanuel1273
2 жыл бұрын
instaBlaster
Just what i'm looking for. Great work. I'm a looooonnnnng time SQL programmer and new to javascript (which is my new retirement hobby). I was always wondering how in javascript to do a simple "Select EyeColour, count(*) from Characters group by EyeColor". This has opened my eyes! (Which are blue by the way if you need to add that to the data set. 😁)
5 minutes well spent. Great video. Concepts from functional programmers should be in every developer's toolbox! Thank you for making this! 🙏
Excellent video. Suggestion 1: Turn off vs code intellisense so the popup does not cover your code. Suggestion 2: Put the terminal on the right Suggestion 3: run 'nodemon worksheet.js -q' to hide nodemon status and clean up the console
Thanks for making these short videos. They're very helpful.
I love the way your simplify difficult topics in a manageable way
Flawless explanations! thank you
Great stuff! I'll always go back to this playlist!
This was quicker than ‘looking it up’ thanks 👍
Great series on the JS array methods, thanks!
The eye color example was really good, thanks
The best video I found with Reduce() examples. THANK YOU SO MUCH!!
@JamesQQuick
2 жыл бұрын
Yayy!
Thank you for explaining this so clearly and concisely.
@JamesQQuick
3 жыл бұрын
Glad you enjoyed it!
Well explained thanks.
First time watching your vids - this was an easy sub for me - really love your vids and explanations - it has been helpful - thank you
I gave you a thumbs up. The video is mostly clear. I wish you would have explained why you started with an empty object. With that being said I have seen several examples of using the reduce method with objects and this is one of the more clear explanations even though I do not understand why you start with an empty object.
Thank you so much sir💯
Very interesting, good video, thanks a lot
This and the map vieo were helpful - thanks! I forgot to sub to your channel when I saw your video on Brad Traversy's channel.
Back again for a refresher; by far the most extensive tutorial on this topic
@JamesQQuick
2 жыл бұрын
Yasssss!!!
Great videos! Thx man :) PS color theme do you use?
Yet another awesome video!! Love the explanations because they are so easy to follow.
Greetings from Bulgaria. Thank you for your time and efforts to put those wonderful tutorials. Please, tell me in the case of eye colors, how that object got miraculously arranged into those exact key value pairs, since nowhere you specified that ? Thank you.
Hi James Q Quick , your tutorials are simply awesome, In reduce function example the output of totalMass producing incorrect result(0497784136) , we have to apply parseInt to curr.mass i.e characters.reduce((acc, cur) => acc + parseInt(cur.mass),0). so that we will get correct result(346). Thanks for your Great Tutorials.
@milburngomes7372
3 жыл бұрын
Helpful, thanks!
@hawkeye904
11 ай бұрын
parseInt() or Number()
@amandoktorcanimkuzumdoktor5193
6 ай бұрын
Thank you man, I was struggling with that number.
My English is not very good but I really understand it with your explanation, I like your style in explaining and the font used is quite pleasing to the eye with an explanation and a font size that is very suitable and comfortable to see and hear, awesome .. I hope you explain more in detail like this and more tutorials about javascript on your channel cz this tutorial is great!
@JamesQQuick
3 жыл бұрын
So glad to hear that :)
Thanks
I remember back in August I couldn't get my head around this.
@JamesQQuick
3 жыл бұрын
Is it making more sense now? :)
@IkraamDev
3 жыл бұрын
@@JamesQQuick Yes, I fully understand the Array functions after going on Codewars!
I wonder the people giving thumbs down for this lovely easy to understand video 🤔, can we see something better from you lots giving thumbs down then.
@JamesQQuick
2 жыл бұрын
Lol thanks for the support!
if you downloaded array from github, you should convert mass from string to number for it to work: +acc + +cur.mass
🤯🥳🥳🥳 eye color example ,and yes am a beginner
Wow! Thanks a ton. Can you please make a video on how you've customized your VS code and zsh?
@JamesQQuick
3 жыл бұрын
I’ve got a video covering vs code. Terminal comes from the command line power user course by Wes bos
Thanks. I'd like to see more advanced stuff in js :D
@JamesQQuick
3 жыл бұрын
Any specific suggestions?
@majdeddinebentahar5434
3 жыл бұрын
@@JamesQQuick closures maybe??
@JamesQQuick
3 жыл бұрын
@@majdeddinebentahar5434 Ooooh that's a tricky one. I'll think about that one! lol
ty
nice, the biggest "aha" moment for me was realizing you can set the initial value to be an empty object
Ditto.... Sorry to sound like a broken record. But another great video ;)
Please do classes constructor function functions,factoryfunctions
Can you please make video on generators function
how can i find more challenges ? thank you!
Can you show how to sort an array of strings case sensitive? e.g. Luke, leila, Darth, yoda
thank you so much but i have a doubt , instead of ""curr.mass'" can we write it using destructuring if yes then how?
@JamesQQuick
3 жыл бұрын
Sure. const {mass}= cur;
is there a reasone not to use syntax like: arr["index"] = (arr["index"]||0) +1; to handle initialization of unused indexes to skip the if else?
@ravitejadesai
3 жыл бұрын
You can. But not easily readable.
niced
do u have an explanation for react plz??
map and reduce are such bizarrely named functions...
What's the name of your font sir?
I don't understand the eye color " if (acc[color]) " this if statement checks if color exists right? I don't understand how it decides to count the same color and don't understand the false statement either if color doesn't exist then you set color to true? this if statement is confusing.
Wondering if you can return values as arrays and don't return duplicates: { eye_color: ["brown","blue","green"] }
@daytonmux
3 жыл бұрын
Should be simple enough. Would be easiest/fastest to just use a set that stores colors as the accumulator, but you could do it with an array using similar logic to what he did in the video, just checking the color array in the accumulator and adding the color if it doesn't exist yet
need more class
What's the name of your theme sir?
Hey,i have put every bit of effort to figure out what am i doing wrong, but i am getting this number as total of mass .I have rechecked countless times, i have the exact same code but with different number.
@zenguitarankh
Жыл бұрын
Same....
Can anyone clarify why acc[cur.eye_color] works but same with dot notation acc.cur.eye_color doesn't work??
@JamesQQuick
Жыл бұрын
acc[cur.eye_color] -> something like acc["brown"] so it's getting the value associated with the key of "brown" where as acc.cur.eye_color just becomes the color itself.
I LIKE YOU PJ'S!!!!! if they are pj's
@JamesQQuick
3 жыл бұрын
Haha not pjs but I appreciate it
Dude, over 10k views but only 579 likes? That dog won't hunt.
I just have a problem, my values are concatenate. I try with Math but nothing =(
@uchichaobito607
3 жыл бұрын
Use parseInt() or Number() eg: const totalMass = characters.reduce( (acc,curr) => { return parseInt(acc)+ parseInt(curr.mass); },0);
@josesilva2614
3 жыл бұрын
@@uchichaobito607 Thank you
Fuck no dislikes yet 🙄😯 is it a sign to hope in humanity again?😁
@JamesQQuick
3 жыл бұрын
Hahahah maybe so!
Me again, I forgot it all :D
I was the 69th like, nice
@JamesQQuick
3 жыл бұрын
Bahahaha
to difficult for me.. :/
Not sure if maybe something in JS has changed since this video but for totalMass, I kept getting 0771364984 so I knew it was being concatenated as strings so I tried commenting out 'use strict' and also tried taking quotes off the numbers in the characters array but the only fix was wrapping cur.mass in Number() in the return. I'm sure parsint etc probably works too Just incase someone else has this problem and is spinning their wheels.
@kesraouimohamed9611
Жыл бұрын
in the code the typof mass is string, you should use + before curr
The Array Worksheet - github.com/jamesqquick/javascript-array-functions-practice
@JamesQQuick
2 жыл бұрын
Thanks for grabbing that
Theres a great chance that things have changed in the 2 years since this video posted, but when I try to work along, I get a long string of numbers instead of the sum total: const totalMass = characters.reduce((acc, cur) => acc + cur.mass, 0); console.log(totalMass); 0771364984
@JamesQQuick
10 ай бұрын
I think that means that one of your inputs is actually a string. Are you sure cur.mass is a number and not a string?