Round and Round…Looping

mortar and pestle

In today’s post, I want to talk about looping. In programming, there are many times you need to have your program perform repetitive tasks. You do this a lot with going over groups of data (arrays and objects) to make logical decisions on that data. So let’s look at how loops work…

All loops pretty much follow the same pattern…

  1. Initialize loop
  2. Check test condition
  3. perform action within the loop
  4. Update loop counter

There are a few types of loops out there, but one of the most common is the for loop. Here is the basic syntax…

for ( init; test condition; update counter; ) {
	performSomeAction();
}

This will allow you to loop over and object or do something over and over again. Take the following code for example…

for(var i = 0; i<3; i++){
    console.log(i);
}

The aforementioned code will output the numbers, 0, 1, 2 to the console.

Important Note: make certain that your loop can stop. Double check your condition prior to running your loop. Otherwise, this will result in an infinite loop and crash your browser/program!

Happy Coding!

Clay Hess

More To Explore

Developer sitting outdoors at a coffer shop working on his laptop with colors swirling
Code

Exploring the CSS Paint API: Unlocking Creativity in Web Design

The web is constantly evolving, and with it, the tools available to developers and designers expand. One of the most exciting additions to modern web design is the CSS Paint API (also known as Houdini’s Paint API). This feature allows developers to create dynamic, programmatically generated images directly in CSS without the need for external assets or heavy graphical libraries.

Share This Post

small_c_popup.png

Need help?

Let's have a chat...


Login

Jump Back In!

Here at Webolution Designs, we love to learn. This includes sharing things we have learned with you. 

Register

Begin Your Learning Journey Today!

Come back inside to continue your learning journey.