JS Loops (for, while, forEach): Beginner Guide

Learning JS loops is essential for writing efficient JavaScript code. Loops allow you to repeat a block of code multiple times without writing it again and again. Whether you are working with arrays, objects, or simple numbers, loops help automate repetitive tasks and make your code more powerful.

If you’re just starting out, you can first read JavaScript Basics to understand how data works before using loops.

What Are JavaScript Loops?

JavaScript loops are used to execute a block of code repeatedly until a condition is met.

Why Use Loops?

• Save time by avoiding repetitive code
• Work with arrays and collections easily
• Automate tasks
• Improve code efficiency

Types of JS Loops

JavaScript provides different types of loops depending on the situation.

for Loop

The for loop is the most commonly used loop.

Syntax

for (let i = 0; i < 5; i++) {
  console.log(i);
}

Explanation

• i = 0 → starting point
• i < 5 → condition
• i++ → increment

while Loop

The while loop runs as long as the condition is true.

let i = 0;

while (i < 5) {
  console.log(i);
  i++;
}

When to Use while Loop

• When the number of iterations is unknown
• When condition depends on dynamic values

forEach Loop

The forEach() method is used for arrays.

let numbers = [1, 2, 3];

numbers.forEach(function(num) {
  console.log(num);
});

To understand arrays better, you can read JavaScript Arrays with Examples.

Comparing Loops

• for → best for counting loops
• while → best for condition-based loops
• forEach → best for arrays

Practical Example

let fruits = ["Apple", "Banana", "Mango"];

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

This loop prints all items in the array.

Using Loops with Functions

Loops often work with functions for better structure.

function printNumbers(arr) {
  arr.forEach(num => console.log(num));
}

You can learn more in JavaScript Functions.

Common Mistakes Beginners Make

• Infinite loops (wrong condition)
• Forgetting to increment/decrement
• Using wrong loop type
• Confusing loop syntax

Best Practices

• Use forEach for arrays when possible
• Keep loop conditions simple
• Avoid unnecessary nested loops
• Use meaningful variable names

Tips for Better Learning

• Practice with small examples
• Combine loops with arrays and objects
• Use console to test output
• Build mini projects

Conclusion

Mastering JS loops is essential for writing efficient and dynamic JavaScript code. Loops help you automate tasks, work with data, and build scalable applications. With practice, you will be able to use loops confidently in real-world projects.