JavaScript Tutorial For Beginners #17 - For Loops
ฝัง
- เผยแพร่เมื่อ 16 ส.ค. 2015
- An easier way to iterate through a loop is via the for loop, which we'll talk about in this JavaScript tutorial. A for loop does exactly the same thing as a while loop, but it has the advantage of organizing it's components more locally and neater.
As always, if you have any questions, fire ahead with them below :).
SUBSCRIBE TO CHANNEL - / @netninja
========== JavaScript for Beginners Playlist ==========
• JavaScript Tutorials f...
========== CSS for Beginners Playlist ==========
• CSS Tutorials For Begi...
========== HTML for Beginners Playlist ==========
• HTML Tutorials For Beg...
========== The Net Ninja ============
For more front-end development tutorials & to black-belt your coding skills, head over to - / @netninja or thenetninja.co.uk
========== Social Links ==========
Twitter - @TheNetNinja - / thenetninjauk
I found that thinking of them like this helps: A 'for loop' states a specific amount... for this many times; a 'while loop... while this is happening... not a specific amount'
These vids really suit my ( early stages ) learning style. No queries yet but so good to be able to go over these points without taking up too much time.
You explain so well
Thank you so much for this I really appreciate the time and effort you put into these vids.
your videos are so easy to understand. Can you please do an example of how to create the game hangman using JS? Or other games?
hi there, great videos, really learning alot from your playlist of this series. Just a quick question, you dont seem to be using var to declare the new variables within the for loops, the code still seems to work, so just wanted to confirm, is var not required within the for loop or is it good practice to use it. e.g. you did:
- for (age = 5; age < 10; age++) however should i be doing:
- for (var age = 5; age < 10; age++) instead.
Thanks again.
Can you add another video showing different problems utilizing the for loop?
You do need 'var' keyword for 'for' loop variable, otherwise you create a global variable which remains while page lives. Let alone cases when you recursively call a function containing 'for' loop. And if you use ECMA6 then 'let' variable is even better for 'for' loop.
what is ECMA6 ?
@@AniSepherd972 Some kinda coding secret organization
@@AniSepherd972 what is Google?
very good point!
The string "this is link number" is misleading isn't it? The code doesn't really display the link. The for loop only use the length of the links variable to display it 6 times. It has nothing to do with the content inside the tags. You writing the code that way, as a beginner I was thinking the script get those elements and stores in a variable, then display them in console.
Very helpful - thanks!!
Great tutorials lads. Nothing better than showing 'actual examples' like looping through links, then just going over the fundamentals.
Yes! I can understand these concepts so much better if I'm shown a practical use of this stuff.
dude good work! for your links example there is a possibility that the JS executes before the HTML completes loading so you might want to handle that
I have a question that has been bugging me for some time now. If I wanted to use the variable i inside the loop, to let's say push an 'input to the alert' into an array of objects, how would I go about that?
You speak a bit too fast but at the same time it is the best explanation ever
Thank you!
What would be a typical usage case where a "for" loop would be preferable to using a "while" loop, other than to reduce clutter? Thanks again for the great content!
You can loop over an array for example. It's very useful when interacting with the DOM too.
everything's better explained in british accent
love the thumbnail!!! XD very clever
Haha thanks 😀
Thanks sirrr...amazing explanation.. 👏
Most welcome 😊
I gave each element an id assignment because the console read an error for getElementByTagname The console logged 5 links and printed out.
When I put '"links.length" nothing shows up on my screen, but the moment I change it into a number; the loops show up. lol?
Thanks!
I need help. Do you know how to turn off errors that are showing in brackets (probably new version) in js files on some codes which are absolutely correct. I just done the same code that is in the videos but those red circle errors keep showing on some codes.
I did it xD needed to disable Lint Files on Save.
I started the while loop without age++, my PC is working well but the debugging has been crashed. when I started the debugging I get at the deprecated debugger for chrome, and i am no longer can start debugging in VS. Is there any solution for my problem?
yeah
thank you for all the info man... btw what type of text editor is that? look amazing!
He's using Brackets
I am using brackets and typed in the code, verbatim, with the following errors JSLint (6)3'i' was used before it was defined.for (i = 1; i < links.length; i++) {3Unexpected '++'.for (i = 1; i < links.length; i++) {3Unexpected '(space)'.for (i = 1; i < links.length; i++) {5'console' was used before it was defined.console.log("this is link number" + i);9Expected 'document' at column 1, not column 3.document.write("all liks are looped");Help?
should have said "received the following errors"
🌺🌺
Is it not true to say .length is a property and not a method?
error are appearing please help!
for looks soo much cleaner but while seems easier to edit.
Had me slightly confused as I thought the array would be zero based, which it is, but you don't use the array elements and I guess the zero-based array topic is yet to come up...
Why we right '+ i' in consol.log?
Couldn't we just say 'i'?
Prashant Panwar You're merely trying to concatenate the text (string) with the link number, the way to do that is using '+'
@@futurez12 Thanks for answering !
I just wish I could figure out WHEN/HOW OFTEN these loops take place..
When i attempted this tutorial "Your age is less than 10 " was printed out to the screen 5 times and then "You are now over 10"
+harry whatnot You might have made the "console.log" "document.write"
i still cant understand how .length pulled the amout of tags and not the number of characters
it's an object, not a string.
The short answer is: that's just how it works. But I feel the same way as you do, so you might think of it as a list of items. length in this case returns the length of the LIST.
If you have a list of people, you'd want to know how many people are on the list, not what the length of their names are.
My point is, I think it confuses beginners that you put "this is link number" while in reality it is not. It just loop no1 , 2 ,3 and so on.
when a C programmer see this XD::
for(;;){console.log("I hate web programming !");}
It didn't work for me, And I don't know why.
Nevermind, I was running the .js before the links
2nd part of the video... can understand :-/
Ivan brought me here.
Ivan Brought his mum to the xmas party too last year, Nice guy
Ivan brought me here
it's very short explain it's not good for professional
guess you missed the "for beginners" bit? I mean, I can see how you might. It's hidden way back in the title...
I didn't want to involve myself but it's been good when I came closer
Ivan brought me here.