🔄

How to Use Loops in JavaScript

JavaScriptBeginner

for, while, do-while, and for...of loops.

Code Example

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

// for...of (arrays)
const fruits = ["apple", "banana", "cherry"];
for (const fruit of fruits) {
  console.log(fruit);
}

// for...in (objects)
const person = { name: "Alice", age: 30 };
for (const key in person) {
  console.log(`${key}: ${person[key]}`);
}

// while loop
let count = 0;
while (count < 3) {
  console.log(count);
  count++;
}

// do...while
let num = 5;
do {
  console.log(num);
  num--;
} while (num > 0);

// break and continue
for (let i = 0; i < 10; i++) {
  if (i === 5) break; // Exit loop
  if (i % 2 === 0) continue; // Skip iteration
  console.log(i);
}

// forEach
const numbers = [1, 2, 3];
numbers.forEach((num, index) => {
  console.log(`${index}: ${num}`);
});

// Nested loops
for (let i = 0; i < 3; i++) {
  for (let j = 0; j < 3; j++) {
    console.log(`(${i},${j})`);
  }
}

Explanation

Use for/while for counting, for...of for arrays, for...in for objects. break exits loop, continue skips iteration.

Related Tutorials