Looping Smartly with for in JavaScript

📍 What is the for Loop?

The for loop is one of the most commonly used control structures in JavaScript. It allows you to execute a block of code a specific number of times. 🧮 It’s especially useful when you know how many times you want to loop.

>>“A for loop is your go-to when you have a clear number of repetitions.” 🔄

🧪 Syntax

Basic for Loop Syntax

for (initialization; condition; finalExpression) {
  // code block to execute
}

The for loop consists of three parts:

  • Initialization – executed once before the loop starts.
  • Condition – checked before each iteration. If true, the loop continues.
  • Final Expression – executed after each iteration (typically used to increment/decrement).

📦 Example: Loop from 1 to 5

Basic Counting Loop

for (let i = 1; i <= 5; i++) {
  console.log("🔢 Count:", i);
}

This will print numbers 1 through 5. Each time, i increases by 1 until it exceeds 5.

💥 Reverse Loop

Count Down Example

for (let i = 5; i > 0; i--) {
  console.log("⬇️ Countdown:", i);
}

Loops aren't just for going up — you can go backwards too! 🔁

🧠 Looping Through Arrays

Array Iteration

const colors = ["🔴", "🟢", "🔵"];

for (let i = 0; i < colors.length; i++) {
  console.log("Color:", colors[i]);
}

Note

When looping through arrays, use array.length to dynamically determine the loop limit. This keeps your code flexible and safe. 📏

⚠️ Infinite Loop Alert

Don’t Do This!

for (let i = 0; i >= 0; i++) {
  // This will never end...
}

Note

Always ensure your condition will eventually become false to avoid infinite loops! 😵

✅ Use Cases

  • Iterating a known number of times
  • Traversing arrays or string indices
  • Performing repetitive calculations or tasks

📚 Learn More

>>“Count it. Control it. Conquer it — the power of the for loop.” 🧠