JavaScript Loops

📚 Lesson 5 of 22  •  ⏱ 10 min read  •  Beginner

for Loop

JavaScript
// for (initialization; condition; update)
for (let i = 0; i < 5; i++) {
  console.log(i);  // 0 1 2 3 4
}

// Loop through an array by index
const fruits = ["apple", "banana", "mango"];
for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

// Count down
for (let i = 10; i >= 0; i--) {
  console.log(i);
}

for...of — Best for Arrays

JavaScript
const courses = ["HTML", "CSS", "JavaScript"];

for (const course of courses) {
  console.log(course);
}
// HTML, CSS, JavaScript

// With index using entries()
for (const [index, course] of courses.entries()) {
  console.log(`${index + 1}. ${course}`);
}
// 1. HTML, 2. CSS, 3. JavaScript

forEach — Array Method

JavaScript
const prices = [100, 250, 75];

prices.forEach((price, index) => {
  console.log(`Item ${index + 1}: ₹${price}`);
});
// Item 1: ₹100, Item 2: ₹250, Item 3: ₹75

// Note: forEach cannot be stopped with break — use for...of instead

while Loop

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

// Use while when you don't know iterations in advance
let input = "";
while (!input) {
  input = prompt("Enter your name:");
}

for...in — Object Keys

JavaScript
const student = { name: "Priya", age: 22, grade: "A" };

for (const key in student) {
  console.log(`${key}: ${student[key]}`);
}
// name: Priya, age: 22, grade: A

// Prefer Object.keys() / Object.entries() for cleaner code
Object.entries(student).forEach(([key, val]) => console.log(key, val));

break & continue

JavaScript
// break — exit the loop entirely
for (let i = 0; i < 10; i++) {
  if (i === 5) break;
  console.log(i);  // 0 1 2 3 4
}

// continue — skip this iteration
for (let i = 0; i < 6; i++) {
  if (i % 2 === 0) continue;
  console.log(i);  // 1 3 5 (skips even numbers)
}