Loops in JavaScript (for, while, for...of, for...in)

for (let i = 0; i < 5; i++) {
    console.log(i);
}
// Output: 0, 1, 2, 3, 4

for (initialization; condition; increment) {
    // Code to repeat
}

// Count from 1 to 10
for (let i = 1; i <= 10; i++) {
    console.log(i);
}

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

// Skip numbers
for (let i = 0; i < 20; i += 5) {
    console.log(i); // 0, 5, 10, 15
}

let i = 0;
while (i < 5) {
    console.log(i);
    i++;
}
// Output: 0, 1, 2, 3, 4

let password = "";
while (password !== "secret") {
    password = prompt("Enter password:");
}
console.log("Access granted!");

let i = 0;
do {
    console.log(i);
    i++;
} while (i < 5);
// Output: 0, 1, 2, 3, 4

// while - condition checked first
let x = 10;
while (x < 5) {
    console.log(x); // Never runs
}

// do...while - runs at least once
let y = 10;
do {
    console.log(y); // Runs once
} while (y < 5);

const colors = ["red", "green", "blue"];

for (const color of colors) {
    console.log(color);
}
// Output: red, green, blue

const word = "hello";

for (const letter of word) {
    console.log(letter);
}
// Output: h, e, l, l, o

const numbers = new Set([1, 2, 3, 2, 1]);

for (const num of numbers) {
    console.log(num);
}
// Output: 1, 2, 3

const person = {
    name: "Alice",
    age: 30,
    city: "New York"
};

for (const key in person) {
    console.log(`${key}: ${person[key]}`);
}
// Output:
// name: Alice
// age: 30
// city: New York

const arr = ["a", "b", "c"];

// for...in - gets indices (keys)
for (const index in arr) {
    console.log(index); // 0, 1, 2
}

// for...of - gets values
for (const value of arr) {
    console.log(value); // a, b, c
}

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        break; // Exit loop
    }
    console.log(i);
}
// Output: 0, 1, 2, 3, 4

function findNumber(arr, target) {
    for (let i = 0; i < arr.length; i++) {
        if (arr[i] === target) {
            console.log(`Found at index ${i}`);
            break;
        }
    }
}

findNumber([10, 20, 30, 40], 30); // Found at index 2

for (let i = 0; i < 5; i++) {
    if (i === 2) {
        continue; // Skip this iteration
    }
    console.log(i);
}
// Output: 0, 1, 3, 4

const numbers = [1, 2, 3, 4, 5, 6];

for (const num of numbers) {
    if (num % 2 === 0) {
        continue; // Skip even numbers
    }
    console.log(num); // 1, 3, 5
}

for (let i = 1; i <= 3; i++) {
    for (let j = 1; j <= 3; j++) {
        console.log(`${i},${j}`);
    }
}
// Output:
// 1,1  1,2  1,3
// 2,1  2,2  2,3
// 3,1  3,2  3,3

for (let i = 1; i <= 5; i++) {
    let row = "";
    for (let j = 1; j <= 5; j++) {
        row += (i * j).toString().padStart(3);
    }
    console.log(row);
}

const numbers = [10, 20, 30, 40, 50];
let sum = 0;

for (const num of numbers) {
    sum += num;
}

console.log(sum); // 150

const scores = [45, 89, 23, 92, 67];
let max = scores[0];

for (const score of scores) {
    if (score > max) {
        max = score;
    }
}

console.log(max); // 92

const word = "mississippi";
let count = 0;

for (const letter of word) {
    if (letter === "s") {
        count++;
    }
}

console.log(count); // 4

for (let i = 1; i <= 5; i++) {
    console.log("*".repeat(i));
}
// Output:
// *
// **
// ***
// ****
// *****

// Good - const prevents accidental reassignment
for (const item of items) {
    console.log(item);
}

// Avoid - let allows reassignment
for (let item of items) {
    console.log(item);
}

// Bad - infinite loop!
// while (true) {
//     console.log("This never stops");
// }

// Good - has exit condition
let count = 0;
while (count < 5) {
    console.log(count);
    count++;
}

// Good - length calculated once
const arr = [1, 2, 3, 4, 5];
const len = arr.length;
for (let i = 0; i < len; i++) {
    console.log(arr[i]);
}

// Less efficient - length checked each iteration
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}