Loops

حلقه‌ها در جاوااسکریپت برای تکرار اجرای یک بلاک کد استفاده می‌شن تا زمانی که یک شرط مشخص برقرار باشه.

🔹 انواع حلقه‌ها در جاوااسکریپت

1️⃣ for loop

وقتی تعداد دفعات تکرار مشخص باشه از for استفاده می‌کنیم.

for (let i = 0; i < 5; i++) {
  console.log("شماره:", i);
}
// خروجی: 0,1,2,3,4

2️⃣ while loop

زمانی که نمی‌دونیم حلقه چند بار باید تکرار بشه و فقط می‌خوایم تا وقتی شرط درسته ادامه پیدا کنه.

let i = 0;
while (i < 5) {
  console.log("while:", i);
  i++;
}

3️⃣ do...while loop

مثل while هست، با این تفاوت که کد داخل حلقه حداقل یک بار اجرا می‌شه حتی اگه شرط برقرار نباشه.

let j = 0;
do {
  console.log("do while:", j);
  j++;
} while (j < 5);

4️⃣ for...in loop

برای پیمایش روی propertyهای یک object استفاده می‌شه.

const person = {name: "Ali", age: 25, city: "Tehran"};

for (let key in person) {
  console.log(key, ":", person[key]);
}
// name: Ali , age: 25 , city: Tehran

5️⃣ for...of loop

برای پیمایش روی iterable ها مثل Array, String, Set, Map استفاده می‌شه.

const nums = [10, 20, 30];
for (let num of nums) {
  console.log(num);
}
// 10, 20, 30

🔹 دستورات کمکی داخل حلقه‌ها

break → خروج فوری از حلقه

for (let i = 0; i < 10; i++) {
  if (i === 5) break;
  console.log(i);
}
// خروجی: 0,1,2,3,4

continue → پرش به تکرار بعدی

for (let i = 0; i < 5; i++) {
  if (i === 2) continue;
  console.log(i);
}
// خروجی: 0,1,3,4

🎯 تمرین – مرور تمام حلقه‌ها

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript Loops</title>
</head>
<body>
  <h2>JavaScript Loops Examples</h2>
  <pre id="output"></pre>

  <script>
    const out = document.getElementById("output");

    // for loop
    for (let i = 0; i < 3; i++) {
      out.innerText += "for: " + i + "\n";
    }

    // while loop
    let w = 0;
    while (w < 3) {
      out.innerText += "while: " + w + "\n";
      w++;
    }

    // do while loop
    let d = 0;
    do {
      out.innerText += "do while: " + d + "\n";
      d++;
    } while (d < 3);

    // for in loop
    const person = {name: "Sara", age: 22};
    for (let key in person) {
      out.innerText += "for in: " + key + " = " + person[key] + "\n";
    }

    // for of loop
    const arr = ["A", "B", "C"];
    for (let val of arr) {
      out.innerText += "for of: " + val + "\n";
    }
  </script>
</body>
</html>

📌 جمع‌بندی

  • for → وقتی تعداد تکرار معلومه

  • while → تا وقتی شرط درسته

  • do...while → حداقل یک بار اجرا می‌شه

  • for...in → برای property های object

  • for...of → برای عناصر array و iterable ها

  • break → خروج فوری

  • continue → پرش به تکرار بعدی