Do you think you understand for-loops in JavaScript? Do you want to test your JavaScript for-loops knowledge? You came to the right place!<\/p>\n\n\n\n
JavaScript For-Loops are just loops. They exist in almost every single programming language. Like the name suggests, loops will loop and in our case it would loop JavaScript code! So you can run a certain set of JavaScript code x number of times! However there two important things in regards to for-loops that one must be aware of. <\/p>\n\n\n\n
When you have a for-loop you will have access to something called an index. Index is an integer (plain number). You can start at 0 or 1 or 2 or even -35. Your choice! You will have access to this index which by the way you can call anything you want in the set of code that you loop through. Most developers choose to call this index “i” without the quotes. <\/p>\n\n\n\n
Make no mistake. JavaScript for-loops are mostly used in Arrays. Remember what arrays are. They are just a collection of stuff. So if you want to go through every single element in your array you can use a for-loop! Simple right? You have a bunch of data in an array and you want to…let’s say….print them out to the screen or console. You can use a for-loop for that! <\/p>\n\n\n\n
This prints <\/p>\n\n\n\n 1<\/p>\n\n\n\n 2<\/p>\n\n\n\n 3<\/p>\n\n\n\n 4<\/p>\n\n\n\n 5<\/p>\n\n\n\n 6<\/p>\n\n\n\n 7<\/p>\n\n\n\n 8<\/p>\n\n\n\n 9<\/p>\n\n\n\n 10<\/p>\n\n\n\n Simple right? Well, let’s break it out real quick.<\/p>\n\n\n\n I am just going to focus on the inner part of the parenthesis ()<\/p>\n\n\n\n Part 1) i = 1<\/p>\n\n\n\n Start our “count” at 1<\/p>\n\n\n\n Part 2) i <= 10 <\/p>\n\n\n\n Keep going as long as i is less than or equal to 10<\/p>\n\n\n\n Part 3) i++<\/p>\n\n\n\n Increase i by one everytime<\/p>\n\n\n\n That’s it! <\/p>\n\n\n\n I feel like any description of JavaScript for-loops without including arrays is an inadequate description. So here we go. <\/p>\n\n\n\n We have an array<\/p>\n\n\n\n So now let’s print out every single element to the console or screen.<\/p>\n\n\n\n This will print <\/p>\n\n\n\n Ricciardo <\/p>\n\n\n\n Verstappen<\/p>\n\n\n\n Bottas<\/p>\n\n\n\n Simple right? At least I hope it is.<\/p>\n\n\n\n Now to the exercise! Don’t be nervous. No one is watching you and it is not timed. In fact, no one gives a shit if you do well or not so…no pressure! <\/p>\n\n\n\n Using a for loop output the elements in reverse order<\/p>\n\n\n\nfor\u00a0(let i =\u00a01; i <= 10; i++) {
\u00a0\u00a0console.log(i);
}<\/code><\/p>\n\n\n\nJavaScript For-Loop Syntax<\/h3>\n\n\n\n
JavaScript For-Loops with Arrays<\/h3>\n\n\n\n
let arr = [\"Ricciardo\", \"Verstappen\", \"Bottas\"];<\/code><\/p>\n\n\n\nfor\u00a0(let i =\u00a00; i < arr.length; i++) {
\u00a0\u00a0console.log(arr[i]);
}<\/code><\/p>\n\n\n\nJavaScript for-loop Exercise<\/h3>\n\n\n\n