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

Two white paper cup connect with red rope used for classic phone on black stone table board. For old communication system concept
Code

What is the Channel Messaging API?

The Channel Messaging API creates a private, two‑way pipe between browsing contexts. Use MessageChannel and ports to exchange data efficiently and securely.

Digital interface displaying code aligned with golden ratio in a dark futuristic room with glowing screens at a tech hub
Code

Unleashing Creativity with the Canvas API

The Canvas API stands as one of the web’s most powerful tools for creating dynamic, interactive graphics. Unlike SVG, Canvas operates at the pixel level, making it ideal for games, data visualizations, and real-time graphics processing. With a simple HTML element and JavaScript, developers can create everything from basic shapes to complex animations that push the boundaries of what’s possible in the browser.

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.