forEach Array Method | JavaScript Tutorial

👉 Daily Coding Challenges: iCodeThis.com/?ref=ytb-js-for...
In this tutorial, we're going to learn about the #forEach #JavaScript #Array Method and how we can use it to call a provided function once for each element inside the array.
JS Array Methods Playlist: • JavaScript Array Methods
---
Support my channel:
💜 Become a Member of the Poppers Family and receive special perks: th-cam.com/users/florinpopjoin
💜 Donate via StreamLabs: streamlabs.com/florinpop2/
💜 Donate via PayPal: paypal.me/florinpop17
💜 Become a patron: / florinpop17
Thank you! 🙏
---
👨‍👩‍👧‍👦 Join the Discord family: / discord
---
Follow me on:
📃 Website/Blog: florin-pop.com
👉 Twitter: / florinpop1705
👉 Linkedin: / florinpop17
👉 Instagram: / florinpop17
👉 Facebook: / florinpop17
👉 Github: github.com/florinpop17
👉 Dev.to: dev.to/florinpop17
👉 Twitch: twitch.com/florinpop17

[@FlorinPop]

Check out the other videos in the JavaScript Array Methods series: th-cam.com/play/PLgBH1CvjOA62PBFIDq55-S6Beivje30A2.html

[@studiorda]

how this part work if(count[item])
{
count[item]++;
}
else
{
count[item] = 1;
}

[@charafeddineberahmoune9370]

​@@studiorda😅

[@fahadzakir6397]

For anyone else like me who didn't understand the last Object loop:
The last part if (count[item]) is true if the object has a property and then it goes to the condition of incrementing the property value ++.
If it is false then it's assigned that property with the value 1.

[@chellaack1644]

bro i have not understood,here what is let count
how empty object declaration will acess that array,

[@fahadzakir6397]

@@chellaack1644 so let count like you said is an empty object declared just like you would do with an empty variable.
Let’s say we have an object called sampleObj with “name” as a property. You can access it like this:
sampleObj[“name”]
and a way to give this sampleObj property “name” a value is like this: sampleObj[“name”]=“Tom”

[@fahadzakir6397]

So In the video, in the if else, it first checks to see if the count empty object has the letter ‘a’ as a property, so count[‘a’] (first-loop) is undefined then it goes to the else condition and gives assigns that property with a value of 1. So we now have count{a:1}
The second time it runs across the letter ‘a’ in the loop, it now exists with the value 1 so it tells it to increment that value ++ thus making count{a:2} and then keeps looping and adding, properties and values.
Hope this makes sense :)

[@joaobertuga3601]

@@fahadzakir6397 Legend!

[@jaisharma8056]

@@fahadzakir6397 thank you so much fahad zakir

[@nithish_raina]

This helped me to build a solution for returning a max char from an array. Thnx for this tutorial and whole playlists.

[@justinxten4real657]

Nice break down currently in a boot camp and this will definitely be of use

[@rotrose7531]

Just found your tutorials, easy to understand, Thank you.

[@FlorinPop]

Happy to hear that 😃

[@siachmad]

Thank you Sir, your tutorial is very clear and show that we can use the method in different way, thank you so much Sir

[@HamzaKhan-ix3gn]

hey florin, i'm new in javascript n i want to become expert in javascript, i have seen first lecture on array on youtube and this is you, you have done a wonder full job, very easy understandable code, now i'm thinking i should follow the whole this video series..! keep going like this

[@rpralica]

If You want to be js expert take course from Jonas Smedthmann "The Complete JavaScript Course 2022: From Zero to Expert!
" .This is great course belive ne

[@MrRafael1912]

Multiple uploads and they are all very clear and concise.

[@FlorinPop]

I’m happy you like them! ☺️

[@antochitic]

JS daily pill! Keep up the good work! 🙏

[@reedreal]

Hi Florin, thanks for the good job you are doing. does ForEach also work like .reduce?

[@MrRisn]

thank you very much for this very clear explanation! it really helped me a lot!!!

[@lenhu7089]

love this topic, thank you so much

[@TheEvenClan]

Thank you for all your videos!

[@a_z3730]

this kind of videos are the best when u are beginner, thank u

[@FlorinPop]

Happy to hear that!

[@MrTomequ]

Hi, thanks for a great tutorial and I have a small question. How can I get the same result in the terminal - I mean without an unnecessary code (like: $ node "c:\Users\thomas\Desktop\Exercises\script.js"), only pure result, like on your video. Regards, Thomas.

[@kishoreandra]

I am not gonna miss this !!!

[@weilin5804]

Hi Florin, thanks for your great tutorial. In the end of the video, inside the if parentheses, it's only count[item], normally inside if parentheses would be conditions with comparison operators, so I'm not quite understand what does if (count[item]) stands for, could you explain more for this ?

[@blackpurple9163]

It means if the item (element in the array) exists, then execute the if statement, we can't leave if ( ) empty, it'll throw error, and since count is an empty object, we can use dot notation or bracket notation to access object's inner keys, so it can be count.item or count[item], both should work

[@overstrides]

Thank you for the great video!

[@Yakuzanis]

thank you for this great explanation

[@nagendrach1849]

Nice explainer, buy how you using vscode terminal to output those javascript code?

[@aaronargottelopez3488]

I am thankful to you. Great video.

[@xstrafez_c2017]

Thanks so much!

[@republicofchina8872]

quick and good explanation 👍

[@riyasahamed2016]

Really a massive I am in your fan!

[@rajkiranchaudhary8769]

I am not getting my console.log value in terminal. How can I get my values displayed in the terminal?????

[@harrinsonA]

Me gusto el Tutorial mano!

[@inchasto]

please , what addon i have to install to run JS in VS code?

[@RahulRai-vw3dw]

can you tell me how is your output is showing in the terminal

[@mrhashtag5376]

hey pls help me.... i dnt understand the let count={} and how the count[item]++ works ?

[@multitudes389]

really good!

[@NedumEze]

Thanks for the Tutorial.
But please can I send you forEach code I wrote that won't work at all? Maybe you can show me what am doing wrong.

[@tomsantos220]

very good content theacher !!! thaks

[@BestNutochka]

Thank you so much!!!

[@techno_abhishek8982]

How you using vscode terminal to output those javascript code?

[@vanibannuru2944]

In the terminal you need to write a node.and your file name

[@FavourAkpasi]

this was very helpful, i enjoyed every moment of the tutorial and i understand array functions better now. just 1 question how do I display my console log in vs code.

[@FlorinPop]

I used nodemon. Made a video on my channel about it

[@FavourAkpasi]

@@FlorinPop a link to the video would be very helpful

[@FavourAkpasi]

i found the video. thank you.

[@blueleaf9129]

@@FavourAkpasi instead of using nodemon, u can use the live server extension

[@webgraphics2706]

You are the BEST... That's the fact

[@qatadd8313]

You Are Amazing Thank You A Lot

[@zoirradjabov1420]

Nice explanation! It is is exactly that I was after🤓

[@FlorinPop]

🙏

[@MaxProgramming]

One doubt, why do we use count[item] instead of count.item even if it's an object?

[@FlorinPop]

Because item stands for 'a' then 'b' then 'c' and those are the properties we want to set and not the .item property.

[@MaxProgramming]

@@FlorinPop Oh so [] this is to set a new property to the object. I just saw it in arrays beforehand. Thanks

[@gayathriv2274]

Hi, how about a bit deeper dive of why async won't work inside forEach. I just know the fact but would like to know the explanation from you

[@samcodes2912]

very true

[@andejoel55]

let sum = 0;
number.forEach(function(value){
sum += value;
})
console.log(sum);
this would generate the same answer, is there any thing I should know about using it?

[@user-ro3dg7sz6b]

Hi Florin, can you do a similar playlist of videos as you have for array methods but for strings? Thanks!

[@FlorinPop]

Will create more content around it 😄

[@user-ro3dg7sz6b]

@@FlorinPop wow didn't expect a response! fac acum un bootcamp si mi-au fost de mare ajutor video-urile tale! as fi foarte incantata daca ai fi dispus sa imi acorzi o ora din timpul tau intr-o zi pentru niste sfaturi. Happy to pay you for it! :D from a fellow Mureseanca

[@FlorinPop]

@@user-ro3dg7sz6b Sigur, scrie-mi pe Twitter si rezolvam 😁

[@Skura_54]

Thanks!

[@billteale2306]

Is there a similar tutorial that would help me decode a json file, perhaps using php?

[@FlorinPop]

I don’t know PHP :/

[@bahiaanis331]

thank you for this tuto , how can i use the terminal like that please

[@NiiiiiiCK]

Node

[@shamwela_]

I really like your accent!

[@sharaths2294]

thanks man

[@gonzaloperezrojas9362]

"let count = {}" means that you declare a variable with an undefined value?

[@NiiiiiiCK]

No thats empty array

[@cristiano1706]

​@@NiiiiiiCK nope thats an empty object

[@linaskaskonas4596]

How to download this coding platform?

[@niesamain1871]

1:25 - yeah coming from C/C++, Java, and Python but still... this doesn't make sense to meeeee😭😭😭
like what are those 3 parameters in the callback definition?😭😭😭
I can't understand JavaScript man

[@thiyageshkanna]

man,r u there?

[@bernardus3289]

Everywhere I read about forEach it says that the method does not return anything but in this tutorial the sum was clearly returned. WUT??? Am I missing something here?

[@FlorinPop]

The sum was not returned. It was calculated inside the function.

[@MrShardrain]

is this basically a for loop?

[@FlorinPop]

Yes, but it has a few advantages. I should do a video on that.

[@MrShardrain]

@@FlorinPop thanks bro, this programming is hard. I'll get to your level someday

[@sami-w4dux]

How to get output like him ?

[@AllenMarsam]

thanks

[@levin1160]

Learned some new stuff with the object counter, nice!

[@jkovert]

got yo million yet yo

[@lucasdamasceno7068]

thanksss

[@andresviveros3994]

if foreach doesnt return anything how can it be used? Thanks

[@FlorinPop]

You manipulate data inside it

[@ziggyjuarez8544]

He's manipulating the count object specifically

[@imtusharkhanna]

Fact: Do you know you can't break from forEach loop? If yes, What is the reason?

[@multitudes389]

The forEach loop executes a callback function on each element of the array and therefore returning or breaking from it, would just return/break from the callback and not the loop. Also forEach is part of the functional programming paradigm where we want to use pure functions. Pure functions take some input and return some output based on that input. They are simple and reliable. And they do not produce side effects

[@leagueahri6128]

thank you rebeccaPurple man

[@codex1758]

Where are you from?

[@rohansolse67]

Cool

[@n.xuanthanh]

How do you clean the terminal?

[@osama7646]

just type clear 😁

[@giodona1511]

CTRL + L

[@imnkur]

Wooaah

[@ashleysouffrant1320]

Wait I thought you were taking a pause?

[@FlorinPop]

Check out the previous Live Stream 😅

[@MaxProgramming]

Yeah, check it out

[@marc1an4]

your code could be done in almost only two lines, but thank you so much.

[@FlorinPop]

You’re welcome

[@hazimmohammed5345]

Hi plss reply me i need help

[@aryaadinulfadlan8998]

love you florin

[@nosense7859]

vip pro

[@mattsmith6828]

I've been hearing a lot of.... distain for the "forEach" method. Especially in the context of asynchronous code.
Not an expert, but be careful using this method.

[@Mobin_atrzade]

وری گود

[@schemagroup1]

I personally hate Javascript it's so loosely typed, with no structure in mind Garbage!!

[@marlonmartins23]

I found an easier way, const countries = ['Argentina', 'Brazil', 'Argentina', 'Portugal', 'Brazil'];
// Keep track count of every country
let count = {};
countries.forEach((country) => {
count[country] = (count[country] || 0) + 1;
})
console.log(count);

[@aaronargottelopez3488]

Thanks!