JavaScript reduce() method in 5 minutes! ♻️

// .reduce() = reduce the elements of an array
// to a single value
// ---------- EXAMPLE 1 ----------
const prices = [5, 30, 10, 25, 15, 20];
const total = prices.reduce(sum);
console.log(`$${total.toFixed(2)}`);
function sum(accumulator, element){
return accumulator + element;
}
// ---------- EXAMPLE 2 ----------
const scores = [75, 50, 90, 80, 65, 95];
const maximum = scores.reduce(getMax);
const minimum = scores.reduce(getMin);
console.log(maximum);
console.log(minimum);
function getMax(accumulator, element){
return Math.max(accumulator, element);
}
function getMin(accumulator, element){
return Math.min(accumulator, element);
}

[@BroCodez]

// .reduce() = reduce the elements of an array
// to a single value
// ----------- EXAMPLE 1 -----------
const prices = [5, 30, 10, 25, 15, 20];
const total = prices.reduce(sum);
console.log(`$${total.toFixed(2)}`);
function sum(accumulator, element){
return accumulator + element;
}
// ----------- EXAMPLE 2 -----------
const scores = [75, 50, 90, 80, 65, 95];
const maximum = scores.reduce(getMax);
const minimum = scores.reduce(getMin);
console.log(maximum);
console.log(minimum);
function getMax(accumulator, element){
return Math.max(accumulator, element);
}
function getMin(accumulator, element){
return Math.min(accumulator, element);
}

[@Blitz61wasd]

Django course please

[@Praeda19]

Dude, thank you SO much, the way you've explained how the three data transformation array methods work, as well as the how the forEach loop works, is incredibly easy to understand. I've finally got my head around how the forEach loop works, and now JS is (ifnally) starting to click with me. Again, thank you, and all the best!!

[@javohir1704]

just restart

[@AdamGassouma]

I did this :
let username = ["Mr","Adam","Gassouma"];
let full = username.reduce(fullname);
console.log(full);
function fullname(previous,next){
return previous+" " + next;
}

[@Mochinori99]

This video is absolutely brilliant and so so clear. I love your videos. Thank you.

[@t.antonyjaneaustus3184]

Very good explaination dude..its more help full to me

[@devl0ver666]

now i know why your channel name is bro code ................. :)

[@cyberblitz]

shame you didn't include the initial value parameter too. Otherwise, very educational.

[@piotrmazgaj]

This is my seal. I have watched the entire video, understood it, and I can explain it in my own words, thus I have gained knowledge. This is my seal.

[@MikeCode-iy9sb]

very good explaination. thanksSoMuch~

[@RayhanAsif22]

Dude I've learned a lot from your videos !!

[@zrotrasukha8733]

Thank you brother, you helped me a lot, May god bless you !!

[@constdev_]

//Using Arrow Function:
//Arrow Function is awesome :D
const grades = [70, 65, 75, 89, 94];
const maximum = grades.reduce((previous, next) => Math.min(previous, next));
console.log(maximum);

[@vakyz5333]

I rarely comment.
You're awesome!

[@xxxxxharuxxxxx]

oh my god you saved my life thank you!!!!!

[@javohir1704]

would be a way better if you added a initialValue parameter but thank you though

[@nomanbangtan4120]

Bro you should do a project video.

[@greengraphics5060]

Do a node js video

[@muhammetguloglu6268]

GOD BLESS YOU BRO!

[@allhailalona]

good video, but what about objects? u forgot those.

[@youthpost_34]

Thanks Brooo👊

[@pexhay4690]

is there any difference between defining the callback that way and using arrow notation inside reduce like prices.reduce((accum, el) =>{...})

[@ianfrye8988]

For the most part no, just depends on if you’re going to reuse that function… when you get into the “this” keyword it does depending on the context

[@pexhay4690]

@@ianfrye8988 thank you

[@pini5076]

thank you so much!

[@Blitz61wasd]

django course please

[@islamabdelhakiim7258]

thank you so much

[@magomihaly1741]

You re the man thx bro

[@manitamao6564]

Thank u bro

[@kathikr9360]

thank you dude

[@rukecodes]

Thanks bro!!!!!!

[@kathikr9360]

thanks again

[@ianfrye8988]

Also all other JavaScript higher order array methods can be created with reduce