JavaScript Loops Made Easy

Поделиться
HTML-код
  • Опубликовано: 5 янв 2025

Комментарии • 142

  • @codeSTACKr
    @codeSTACKr  5 лет назад +15

    Thanks for all of the support!!
    Next up Learn Sass in 30 Minutes:
    ruclips.net/video/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
      @MarkTiapkov 4 года назад +1

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

    • @master011
      @master011 2 года назад +1

      I can tell you watch Mosh tutorials

  • @pieceofmilk3512
    @pieceofmilk3512 4 года назад +137

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

  • @vivianeb90
    @vivianeb90 3 года назад +7

    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

  • @pernellgrant3062
    @pernellgrant3062 4 года назад +22

    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
    @CalvinOnTheCoast Год назад +8

    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!

  • @NotPastelDreams
    @NotPastelDreams 4 года назад +5

    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.

  • @scriptandojs7399
    @scriptandojs7399 2 года назад +1

    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!

  • @osamadias1756
    @osamadias1756 3 года назад +1

    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

  • @plor1261
    @plor1261 3 года назад +1

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

  • @astrarai-thesobercoder
    @astrarai-thesobercoder 4 года назад +2

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

  • @laramecodes3520
    @laramecodes3520 2 года назад

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

  • @nanarapava8167
    @nanarapava8167 Год назад +1

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

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

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

  • @bencole2892
    @bencole2892 4 года назад +3

    Really helpful. The best Loops video I've found

  • @mitsk2002
    @mitsk2002 Год назад +1

    Brilliantly explained, thank you so much!

  • @viciousjake3053
    @viciousjake3053 3 года назад +2

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

  • @lowvanityx
    @lowvanityx 2 года назад +2

    thank you this helped me understand it a lot better

  • @adampalivec1498
    @adampalivec1498 4 года назад +5

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

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

    Thanks bro finally I understood loops😌

  • @alexeyukidoko
    @alexeyukidoko Год назад

    Thank you now I understand them better!

  • @homeschoolwithyetisyumyums4084
    @homeschoolwithyetisyumyums4084 4 месяца назад +1

    You made this so simple to understand. Thank you

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

    Wonderful explanation! ..Subscribed!

  • @reidwilliamson6477
    @reidwilliamson6477 3 года назад +1

    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.

  • @tomiwaale7540
    @tomiwaale7540 4 года назад +2

    Thank you so much!! Very clear and simple!

  • @Joe-od3td
    @Joe-od3td 4 года назад +2

    I wish everyone explained as you do.

  • @InterestingLake
    @InterestingLake 29 дней назад

    What kind of plugin are you using in VSCode in order to get the console.log output to the right in screen?

  • @aanders0n
    @aanders0n 2 года назад

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

  • @arturvasconcelos4940
    @arturvasconcelos4940 5 лет назад +4

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

    • @codeSTACKr
      @codeSTACKr  5 лет назад +1

      Thanks for your support!

  • @robertholtz
    @robertholtz 3 года назад +6

    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.

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

    Thanks for making it harder

  • @Paul-qi8ii
    @Paul-qi8ii 4 года назад +1

    Thanks! I now understand for loops!

  • @aliabukahil
    @aliabukahil 3 года назад +1

    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?

  • @cegeeysuarez4017
    @cegeeysuarez4017 3 года назад +1

    Maybe this is the best video I'd ever watched

  • @joannam.smerea3785
    @joannam.smerea3785 4 года назад +1

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

    • @eunai4524
      @eunai4524 4 года назад +1

      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
      @xeno2435 4 года назад +1

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

  • @pjguitar15
    @pjguitar15 4 года назад +18

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

    • @robertholtz
      @robertholtz 3 года назад +6

      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.

    • @boryszelezny4943
      @boryszelezny4943 4 месяца назад

      There is no rule, use the one YOU think is suitable👍.

  • @ProgrammingwithPeter
    @ProgrammingwithPeter 5 лет назад +11

    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!

  • @ocxigin9220
    @ocxigin9220 2 года назад +1

    This is beautiful and well explained. thanks

  • @tayphiri519
    @tayphiri519 3 года назад +1

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

  • @Winddragon_85
    @Winddragon_85 3 года назад +1

    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?

  • @mkmaria2816
    @mkmaria2816 4 года назад +1

    Thanks a lot, very clear explanation!

  • @magburner
    @magburner 9 месяцев назад +1

    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.

  • @lycan2494
    @lycan2494 5 лет назад +5

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

  • @victorm7503
    @victorm7503 3 года назад +1

    Thank you for this tutorial...very helpful

  • @miah5561
    @miah5561 3 года назад +1

    Thank you!

  • @hindrikounpuu147
    @hindrikounpuu147 3 года назад +1

    excellent and easy

  • @nastasialuca5596
    @nastasialuca5596 2 года назад

    How did you add the console to Visual Code Studio?

  • @whyfoo
    @whyfoo 2 года назад +1

    thank you

  • @adamwarrick2970
    @adamwarrick2970 2 года назад

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

  • @JP-zp6ob
    @JP-zp6ob 3 года назад +1

    love this, keep it up!!

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

    thank you for this.

  • @cloudsystem3740
    @cloudsystem3740 2 года назад +2

    Thanks i will never see loops as my enemy again😅

  • @greenvoyage89
    @greenvoyage89 4 года назад +1

    subscribed- thanks for the explanation!

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

      Thanks for the sub! Glad to help 😁

  • @JamesFraley
    @JamesFraley 5 лет назад +2

    Great video!

  • @milanjose7942
    @milanjose7942 3 года назад +1

    Really amazing explanations

  • @Chris-fh3qv
    @Chris-fh3qv 4 года назад +1

    THANK YOU

  • @beinyourguard
    @beinyourguard 4 года назад +1

    very good. thank you

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

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

  • @wayneswildworld
    @wayneswildworld 3 года назад +1

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

  • @mohamedmarnaoui497
    @mohamedmarnaoui497 3 года назад +1

    great explanation

  • @surenzakaryan7336
    @surenzakaryan7336 4 года назад +1

    Thanks a lot!

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

    Thx!

  • @MrNate858
    @MrNate858 4 года назад

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

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

      It was the Chrome console.

    • @MrNate858
      @MrNate858 4 года назад

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

    • @soloqking9720
      @soloqking9720 3 года назад +1

      @@MrNate858 it was incognito mode

  • @thecoinking1980
    @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
    @charuduttachaudhari7644 4 года назад +3

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

  • @furn2313
    @furn2313 3 года назад +2

    So easy to subscribe when it's this good!

  • @shubhamchitre4702
    @shubhamchitre4702 2 года назад +1

    Nice Explanation!!

  • @JD-kf2ki
    @JD-kf2ki 4 года назад +1

    thanx, dude

  • @hassansyed6087
    @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?

  • @brat4ever-y9u
    @brat4ever-y9u 4 года назад

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

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

      Two different languages. Java and JavaScript

    • @brat4ever-y9u
      @brat4ever-y9u 4 года назад

      @@codeSTACKr thank you for your reply !

  • @_saintoj
    @_saintoj 4 года назад

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

  • @save9950
    @save9950 8 месяцев назад +1

    nostalgic opening sound

  • @ChrisTian-ox5nr
    @ChrisTian-ox5nr 4 года назад +1

    thankU

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

    How do you disable the code?

  • @rjasegarra
    @rjasegarra 4 года назад

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

  • @Chetan.Kothari
    @Chetan.Kothari 4 года назад +1

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

    • @codeSTACKr
      @codeSTACKr  4 года назад +1

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

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

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

  • @eniolaaderounmu
    @eniolaaderounmu 8 месяцев назад

    So nice

  • @divya3061
    @divya3061 4 года назад

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

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

    Thanks for this, helped a lot.

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

    Nice

  • @pavkey88
    @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
    @LuisHernandez-so8vu 2 года назад

    Do you have online courses?

  • @red_app1418
    @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
      @codeSTACKr  4 года назад +1

      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
      @red_app1418 4 года назад +1

      @@codeSTACKr Thank you

  • @funnyme3348
    @funnyme3348 3 года назад

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

  • @lycan2494
    @lycan2494 5 лет назад

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

  • @soumadip_banerjee
    @soumadip_banerjee 4 года назад +2

    💚💚💚

  • @clairegarside9709
    @clairegarside9709 3 года назад

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

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

      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.

  • @sarrii2912
    @sarrii2912 Год назад +1

    Love u

  • @slmshady539
    @slmshady539 4 года назад +1

    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
      @codeSTACKr  4 года назад +1

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

    • @slmshady539
      @slmshady539 4 года назад +1

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

    • @codeSTACKr
      @codeSTACKr  4 года назад +1

      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.

  • @vincecaruso6465
    @vincecaruso6465 4 года назад +2

    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
      @sofasniperman 4 года назад +1

      Ik I'm so effing confused jahaha

  • @ismailbakhach8990
    @ismailbakhach8990 2 года назад

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

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

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

  • @Leebasson
    @Leebasson 7 месяцев назад

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

  • @joeyalfaro2323
    @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

  • @rogerpumalexander
    @rogerpumalexander 4 года назад

    he forgot map()

  • @elenamarshall1970
    @elenamarshall1970 Год назад

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

  • @MrWood10
    @MrWood10 Год назад

    This is just a black blank screen

  • @elenamarshall1970
    @elenamarshall1970 Год назад

    it's definetally not for beginners

  • @JollyAZ
    @JollyAZ 4 года назад +1

    Thank you

  • @bolajitaiwo9032
    @bolajitaiwo9032 2 года назад

    thank you