JavaScript Loops Made Easy

Подписаться 295 тыс.

Просмотров 166 тыс.

50% 1

👉 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

Опубликовано:

19 ноя 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 141

@codeSTACKr 4 года назад

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

@MarkTiapkov 3 года назад

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

@pieceofmilk3512 4 года назад

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

@codeSTACKr 4 года назад

Thank you!

@yousufkhan2909 3 года назад

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.

@pernellgrant3062 4 года назад

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

@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!

@astrarai-thesobercoder 3 года назад

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

@vivianeb90 3 года назад

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

@laramecodes3520 Год назад

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

@osamadias1756 2 года назад

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

@tomiwaale7540 4 года назад

Thank you so much!! Very clear and simple!

@plor1261 3 года назад

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

@scriptandojs7399 2 года назад

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!

@adampalivec1498 4 года назад

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

@bencole2892 4 года назад

Really helpful. The best Loops video I've found

@aliabukahil 3 года назад

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?

@viciousjake3053 2 года назад

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

@ProgrammingwithPeter 4 года назад

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 4 года назад

Great explanation!

@lycan2494 4 года назад

@ProgrammingwithPeter 4 года назад

@@lycan2494 exactly

@pjguitar15 3 года назад

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

@robertholtz 3 года назад

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.

@maki3381 3 года назад

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

@codeSTACKr 3 года назад

Awesome, thank you!

@lycan2494 4 года назад

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

@mkmaria2816 3 года назад

Thanks a lot, very clear explanation!

@aanders0n Год назад

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

@null169 Год назад

thank you this helped me understand it a lot better

@mitsk2002 5 месяцев назад

Brilliantly explained, thank you so much!

@Joe-od3td 3 года назад

I wish everyone explained as you do.

@alexeyukidoko Год назад

Thank you now I understand them better!

@2222melissa 2 года назад

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

@Paul-qi8ii 4 года назад

Thanks! I now understand for loops!

@codeSTACKr 4 года назад

Great!

@ocxigin9220 Год назад

This is beautiful and well explained. thanks

@arturvasconcelos4940 4 года назад

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

@codeSTACKr 4 года назад

Thanks for your support!

@tayphiri519 2 года назад

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

@nanarapava8167 Год назад

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

@liagrace1 4 года назад

Wonderful explanation! ..Subscribed!

@codeSTACKr 4 года назад

Awesome, thank you!

@reidwilliamson6477 2 года назад

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.

@robertholtz 3 года назад

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.

@allenvpothen 3 года назад

Thanks bro finally I understood loops😌

@codeSTACKr 3 года назад

Glad it helped

@Chris-fh3qv 4 года назад

THANK YOU

@beinyourguard 3 года назад

very good. thank you

@Winddragon_85 2 года назад

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?

@elg281 2 года назад

Thanks for making it harder

@victorm7503 3 года назад

Thank you for this tutorial...very helpful

@codeSTACKr 3 года назад

You’re welcome 😊

@JP-zp6ob 3 года назад

love this, keep it up!!

@codeSTACKr 3 года назад

Thank you! Will do!

@drummerhooper 3 года назад

subscribed- thanks for the explanation!

@codeSTACKr 3 года назад

Thanks for the sub! Glad to help 😁

@JollyBeJolly 4 года назад

Thank you

@surenzakaryan7336 4 года назад

Thanks a lot!

@codeSTACKr 4 года назад

You're welcome!

@miah5561 3 года назад

Thank you!

@codeSTACKr 3 года назад

You're welcome!

@save9950 2 месяца назад

nostalgic opening sound

@terraflops 2 года назад

thank you for this.

@cloudsystem3740 Год назад

Thanks i will never see loops as my enemy again😅

@cegeeysuarez4017 3 года назад

Maybe this is the best video I'd ever watched

@wayneswildworld 3 года назад

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

@ChrisTian-ox5nr 3 года назад

thankU

@milanjose7942 3 года назад

Really amazing explanations

@codeSTACKr 3 года назад

Glad it was helpful!

@JamesFraley 4 года назад

Great video!

@codeSTACKr 4 года назад

Thanks for your support!

@sunjason5890 4 года назад

Lol

@FabiaNightshadow 4 года назад

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

@codeSTACKr 4 года назад

Two different languages. Java and JavaScript

@FabiaNightshadow 4 года назад

@@codeSTACKr thank you for your reply !

@joannam.smerea3785 3 года назад

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

@eunai4524 3 года назад

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 3 года назад

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

@hindrikounpuu147 2 года назад

excellent and easy

@zhumabayevorymbek2548 3 месяца назад

Thx!

@abdorodriguez460 3 года назад

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

@whyfoo Год назад

thank you

@JD-kf2ki 3 года назад

thanx, dude

@codeSTACKr 3 года назад

No problem!

@furn2313 3 года назад

So easy to subscribe when it's this good!

@divya3061 3 года назад

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

@mohamedmarnaoui497 3 года назад

great explanation

@codeSTACKr 3 года назад

Glad it was helpful!

@thecoinking1980 4 года назад

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

@charuduttachaudhari7644 4 года назад

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

@alhassankiwamdeen 4 года назад

names are treated as strings

@rajasekharanarunthampi7885 3 года назад

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

@nastasialuca5596 Год назад

How did you add the console to Visual Code Studio?

@cordelldev 4 года назад

Thanks for this, helped a lot.

@Chetan.Kothari 4 года назад

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

@codeSTACKr 4 года назад

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

@Chetan.Kothari 4 года назад

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

@MrNate858 3 года назад

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

@codeSTACKr 3 года назад

It was the Chrome console.

@MrNate858 3 года назад

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

@soloqking9720 2 года назад

@@MrNate858 it was incognito mode

@_saintoj 3 года назад

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

@adamwarrick2970 Год назад

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

@soumadip_skyy_banerjee 4 года назад

💚💚💚

@magburner 2 месяца назад

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.

@eniolaaderounmu 2 месяца назад

So nice

@rjasegarra 3 года назад

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

@Yatin2444 2 года назад

Nice

@hassansyed6087 9 месяцев назад

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?

@Piston1776 3 года назад

How do you disable the code?

@lycan2494 4 года назад

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

@TheBoghopper2 4 года назад

Wot

@red_app1418 4 года назад

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 4 года назад

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 4 года назад

@@codeSTACKr Thank you

@funnyme3348 2 года назад

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

@sarrii2912 Год назад

Love u

@vincecaruso6465 4 года назад

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 3 года назад

Ik I'm so effing confused jahaha

@pavkey88 3 года назад

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

@LuisHernandez-so8vu Год назад

Do you have online courses?

@Leebasson Месяц назад

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

@shadykhatri5668 4 года назад

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

@slmshady539 4 года назад

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 4 года назад

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

@slmshady539 4 года назад

@@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 RU-vid letting us all know. And hell yes you are amazing teacher.

@codeSTACKr 4 года назад

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 2 года назад

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

@codeSTACKr 2 года назад

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}

@shubhamchitre4702 2 года назад

Nice Explanation!!

@joeyalfaro2323 3 года назад

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