JavaScript Loops Made Easy

👉 Become A VS Code SuperHero Today: vsCodeHero.com
In this video, we'll learn about all of the different types of loops in JavaScript. Loops are a way of repeating things in JavaScript. We'll cover FOR, FOR..IN, FOR..OF, WHILE, DO..WHILE, and the high order array function forEach. I will do my best to make JavaScript loops simple and easy.
_____________________________________
📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: treehouse.7eer.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
🟠 Theme: marketplace.visualstudio.com/...
🟠 Font: STACKr Code (Exclusive to my VS Code Course - vsCodeHero.com)
🟠 SuperHero Extension Pack: marketplace.visualstudio.com/...
🚢 Deploy for FREE on Vercel: vercel.com/ambassadors/codest...
_____________________________________
💖 Show support!
PayPal: paypal.me/codeSTACKr
_____________________________________
Watch Next:
Web Development - Beginners Roadmap (2020) - • Web Developer Roadmap ...
Playlist: Web Development For Beginners - • Web Development - Begi...
_____________________________________
Connect With Me:
Website: www.codestackr.com
Twitter: / codestackr
Instagram: / codestackr
Facebook: / codestackr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #JavaScript #learntocode

[@codeSTACKr]

Thanks for all of the support!!
Next up Learn Sass in 30 Minutes:
czcams.com/video/BDOzg4lXcSg/video.html
📚 My Favorite Web Design Books 📚
Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett (paid link)
amzn.to/2JaiCL8

[@MarkTiapkov]

At 6:18 you saved and it transformed "firstName": and "lastName": into variables, what addon does that? Seems very useful.

[@master011]

I can tell you watch Mosh tutorials

[@pernellgrant3062]

thanks so much. ive been struggling with loops for the past week and this really clear it up. ill share with with everyone in my group xD

[@yousufkhan2909]

This is the best tutorial channel I have ever seen. straight to the point with colourful examples. You have worked hard to make us these videos. Thank you so much for the work. Keep them up. we really need them.

[@pieceofmilk3512]

Why can't everyone teach like this? This was so simple.

[@codeSTACKr]

Thank you!

[@astrarai-thesobercoder]

Bro, I love how you explained for loops. I just enrolled in your JavaScript course. Thanks for the coupon too. #respect

[@laramecodes3520]

I’ve used for loops before in powershell but, you just simplified so much!

[@plor1261]

This was perfect! I fully understand now and can refer to this video when I inevitably forget.

[@scriptandojs7399]

thank you so much bro,i had a lot of problems to understand for of and for in loop but i finally got it because of you,thanks!

[@CalvinOnTheCoast]

Great Explanation. I'm second year in college and so far this has been the best explanations i've recieved. Often times I find myself just doing things because stack overflow had suggested it lol. Nice to dig into things a little more.
Thanks!

[@codeSTACKr]

Glad it was helpful!

[@tomiwaale7540]

Thank you so much!! Very clear and simple!

[@osamadias1756]

omg this guy is amazing. I just subscribed to his channel. I understood everything easily. keep up the great work. if I see this guy in person, I will give him a gift right away. love it

[@vivianeb90]

My beginner questions and problems when I first learned about loops:
* "How does the loop know what to loop?" (--> it's in the scope (= what's inside the curly brackets), silly)
* I had trouble understanding why the condition was "i < 'number of iterations' " in the for loop and not "i

[@bencole2892]

Really helpful. The best Loops video I've found

[@adampalivec1498]

Best video on loops I have found! Well put! :-)

[@alexeyukidoko]

Thank you now I understand them better!

[@viciousjake3053]

I was having such a hard time understanding this Thank you!

[@null169]

thank you this helped me understand it a lot better

[@mkmaria2816]

Thanks a lot, very clear explanation!

[@2222melissa]

for...in loop felt more like foreign loop until this video. Thanks a heap!

[@mitsk2002]

Brilliantly explained, thank you so much!

[@elg281]

Thanks for making it harder

[@Joe-od3td]

I wish everyone explained as you do.

[@aliabukahil]

Thank you for the amazing explanation of the loops! now I understand them better! I really appreciate it. please keep it up! Can you please tell me what is the name of your theme?

[@lycan2494]

Can you please do a practical tutorial on the MVC pattern? Not just theory but also in code.

[@maki3381]

Thanks dude, now I understand these loops! Subscribed :D

[@codeSTACKr]

Awesome, thank you!

[@Paul-qi8ii]

Thanks! I now understand for loops!

[@codeSTACKr]

Great!

[@reidwilliamson6477]

Hi CodeStackr, how do you get you vs code screen to show console? mine only has debug console. I have to refresh my html browser page but would like it rather inside the editor.

[@aanders0n]

Great voice, clear explanations and great teaching. Thank you!
What’s your font text and theme in this video?

[@terraflops]

thank you for this.

[@Chris-fh3qv]

THANK YOU

[@ocxigin9220]

This is beautiful and well explained. thanks

[@nanarapava8167]

This was a great video. Some people are born teachers. Thank you

[@whyfoo]

thank you

[@zhumabayevorymbek2548]

Thx!

[@JollyBeJolly]

Thank you

[@miah5561]

Thank you!

[@codeSTACKr]

You're welcome!

[@hindrikounpuu147]

excellent and easy

[@beinyourguard]

very good. thank you

[@liagrace1]

Wonderful explanation! ..Subscribed!

[@codeSTACKr]

Awesome, thank you!

[@allenvpothen]

Thanks bro finally I understood loops😌

[@codeSTACKr]

Glad it helped

[@ChrisTian-ox5nr]

thankU

[@victorm7503]

Thank you for this tutorial...very helpful

[@codeSTACKr]

You’re welcome 😊

[@ProgrammingwithPeter]

I guess the beginners are often confused about the "in" and "of"! But if you think like "in" like in a stack and "of" like belonging to someone, it might be easier, not sure!

[@codeSTACKr]

Great explanation!

[@lycan2494]

of

[@ProgrammingwithPeter]

@@lycan2494 exactly

[@surenzakaryan7336]

Thanks a lot!

[@codeSTACKr]

You're welcome!

[@JP-zp6ob]

love this, keep it up!!

[@codeSTACKr]

Thank you! Will do!

[@drummerhooper]

subscribed- thanks for the explanation!

[@codeSTACKr]

Thanks for the sub! Glad to help 😁

[@cegeeysuarez4017]

Maybe this is the best video I'd ever watched

[@Winddragon_85]

I think i get the beginning part. The "i = 0" is the startup, the "i < 5" is the condition or the requirement to process and "i++" is the continuation process after the int starts. If a number passes 5 then it doesnt do anything....sound about right?

[@abdorodriguez460]

Can you use a for loop in a gallery with the 'next' button?

[@nastasialuca5596]

How did you add the console to Visual Code Studio?

[@pjguitar15]

When do we use each of this? I understand the logic but I dont know which loop to use in real situations

[@robertholtz]

I just posted a long comment that touches on your point. If you wish to loop simply to repeat an instruction the same way through each iteration, use a conditional loop. If you wish to use your loop as a means to index through another object, element, or data structure, use a loop type with an increment value so you have precise control of the index pointer. Take comfort that there is overlap between use cases where one solution is equally effective as another. Ultimately, this will reflect your personal programming style. Hope that helps.

[@arturvasconcelos4940]

Saw your post on reddit, im learning javascript after learned HTML and CSS. Good video, helped me! Big thanks!

[@codeSTACKr]

Thanks for your support!

[@tayphiri519]

I’m understanding the concept a lot better, it’s just the syntax and where to place is where I get lost

[@eniolaaderounmu]

So nice

[@save9950]

nostalgic opening sound

[@milanjose7942]

Really amazing explanations

[@codeSTACKr]

Glad it was helpful!

[@wayneswildworld]

What's the difference between for in loop and for each loop?

[@Yatin2444]

Nice

[@adamwarrick2970]

How do you get VS Code to run JS with an output? I installed code runner, but it doesn't like it.

[@JD-kf2ki]

thanx, dude

[@codeSTACKr]

No problem!

[@mohamedmarnaoui497]

great explanation

[@codeSTACKr]

Glad it was helpful!

[@robertholtz]

1:29 - I suppose in the big picture it’s arbitrary, since the variable assigned to a loop construct can be just about anything. That said, in my 30 years programming in many languages, “i” has always represented the increment value for the loop. Therefore “i” more typically stands for “increment” not “index.” It’s clear that one can (and often does) use the increment value in a loop as an index so I can understand why you’ve concluded that “i” as a rule of thumb stands for “index” rather than “increment.” But let my point out that, all loops increment but not all loops index. Your first example console.logging the word “Loop” is a case in point. This again may seem arbitrary but if you really want to lay down the foundation of loop fundamentals as a universal concept, I think the distinction is important. Just my two-cents. I always enjoy your great videos.

[@divya3061]

The format of the one given in my textbook is a bit different...
They have given {statement block} after iteration). Please Explain the same

[@joannam.smerea3785]

Quick question: " when added --continue- in the while statement, why did the console print 10 if the condition was < 10?" (min 8:50)

[@eunai4524]

Take a look where he placed console.log(i); || During 9 it reads while (9 < 10) increment i by one to 10 and then console.log(10); will print 10

[@xeno2435]

it was 9 during the conditional so it passed, but it got incremented before printing like @eunai said

[@furn2313]

So easy to subscribe when it's this good!

[@JamesFraley]

Great video!

[@codeSTACKr]

Thanks for your support!

[@sunjason5890]

Lol

[@cordelldev]

Thanks for this, helped a lot.

[@thecoinking1980]

Why when I do this and use the Alert function it skipped the 1 increment...went from 0 2 456789...why skipped 1?

[@FabiaNightshadow]

Thank you for tutorial! What is the difference though, between System.out.print(); and console.log(); ?

[@codeSTACKr]

Two different languages. Java and JavaScript

[@FabiaNightshadow]

@@codeSTACKr thank you for your reply !

[@MrNate858]

How did you have a debugger on the right side like that for Visual Studio? I normally use chrome to check my codes.

[@codeSTACKr]

It was the Chrome console.

[@MrNate858]

@@codeSTACKr Why was it black? Is there an option to make your chrome console in dark mode?

[@soloqking9720]

@@MrNate858 it was incognito mode

[@rjasegarra]

I need your help with a project. How can we discuss it.

[@shubhamchitre4702]

Nice Explanation!!

[@cloudsystem3740]

Thanks i will never see loops as my enemy again😅

[@soumadip_skyy_banerjee]

💚💚💚

[@charuduttachaudhari7644]

hey how does javascript knows john, marry ....... etc are names in the for of loop ????

[@alhassankiwamdeen]

names are treated as strings

[@rajasekharanarunthampi7885]

Yes he puts them in string in the variable names so John, Mary, Bob etc are just strings

[@_saintoj]

Why did we start the index on the outside of the loop?

[@hassansyed6087]

Just a quick update (perhaps it's only me experiencing this)
When i type "for (name of names)" in the current version of VS Code ---> the first "name" in the bracket has a line through it and I believe this style of looping is deprecated.
Anyone else experiencing this?

[@sarrii2912]

Love u

[@Piston1776]

How do you disable the code?

[@red_app1418]

if I write "console.log" above the "IF statement" its count the loop from 0 to 9 and if I write it below its show numbers from 0 to 10
someone can explain why its happen?
#1
for (i = 0; i < 100; i++) {
if (i === 10) break;
console.log("Loop " + i);
}
#2
for (i = 0; i < 100; i++) {
console.log("Loop " + i);
if (i === 10) break;
}

[@codeSTACKr]

Every time it loops it iterates i. In #1 you are breaking when i is 10, so it stops and doesn't not log. Opposite for #2.

[@red_app1418]

@@codeSTACKr Thank you

[@Chetan.Kothari]

Your videos are great...can you make videos on Angular....It would be a great help or you can refer me someone....Thanks!!!

[@codeSTACKr]

Thank you! For Angular I would recommend looking at Traversy Media.

[@Chetan.Kothari]

@@codeSTACKr Your recommendation is great...Thanks bro!!!

[@lycan2494]

i feel like i've time-travelled 5 months back into time

[@TheBoghopper2]

Wot

[@LuisHernandez-so8vu]

Do you have online courses?

[@funnyme3348]

Is "i" equivalent to the algebraic variable "x?" Like "x = ... ?"

[@pavkey88]

Why did the whole loop count up to 10 when placed after the continue? Shouldn’t it have stopped at 9??

[@magburner]

There is a mistake in the assumption of five in the loop. The loop does not stop before five, the loop stops after five iterations. The first iteration beginning at zero, added to the following four iterations, equals five. This is clearly displayed in the console to the right.

[@slmshady539]

So it turns out, I wasn't born with a dumb brain, I was being taught wrong way. God damn it was so freaking easy. My man do you got udemy course on javascript.

[@codeSTACKr]

Thanks, I'm working on a course as we speak 😁

[@slmshady539]

@@codeSTACKr well any idea by when it will be released? I'd really love to learn it from you. Today I bought Colt Steele's Javascript course, and it is going pretty good, but I like your teaching style more. Eagerly waiting mate. I've subscribed you, so anytime your course is out, please upload a video on CZcams letting us all know.
And hell yes you are amazing teacher.

[@codeSTACKr]

Thank you! You will do great with Colt's course. It's a good one. Another I would recommend is Wes Bos'. I hope to have my course complete by June.

[@clairegarside9709]

thank you, but what is 'i' referring to exactly?

[@codeSTACKr]

You can replace "i" with any character(s), but the standard practice is to use "i" to stand for iterator. It's basically just a way to keep track of a count.

[@ismailbakhach8990]

i don't realy understand when i should use {for in } or {for of}

[@shadykhatri5668]

We already know the basics of loops...but can you please go through real world practicals so that we can understand more

[@Leebasson]

I need like actual visuals.
I am busy with Loops but it doesn't want to stick. Let me try again.

[@vincecaruso6465]

why does everyone explain loop in the global sense. It's when you put them into functions and you start adding 700 {} and separating the index from the condition, oh and you were supposed to put the increment after that - no you're supposed to put it down here after the body and oh, there's an error message because you used console.log and you were supposed to return.... blam! my head just exploded.
Could someone please explain loops INSIDE functions?

[@sofasniperman]

Ik I'm so effing confused jahaha

[@joeyalfaro2323]

Here's part tip me up until I throw crazy amount time at reading and understanding lingo and symbols. Slowly with help good translators it click just at different times for different minds. Fredrik Christenson , Hussein Nasser will get you rockstar status

[@rogeralexander1539]

he forgot map()

[@elenamarshall1970]

I am a very beginner. I couldn't understand your explanation at all

[@MrWood10]

This is just a black blank screen

[@elenamarshall1970]

it's definetally not for beginners

[@bolajitaiwo9032]

thank you