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

Secure Login Access with Username and Password on Mobile Device and Laptop
Code

A gentle intro to the Credential Management API

The Credential Management API lets your site securely store and retrieve user credentials through the browser’s built‑in manager—no brittle autofill hacks required. In our demo, a successful login stores a PasswordCredential, and a single click later retrieves and auto-fills it for returning users. It’s a progressive enhancement: your form still works everywhere, but supported browsers deliver a faster, lower-friction sign-in. Pair it with proper autocomplete attributes today, and plan for WebAuthn/passkeys to level up tomorrow.

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.