آموزش رایگان جاوا اسکریپت (JavaScript)

آموزش جامع حلقه‌های for و while در جاوا اسکریپت: نحوه استفاده و کاربردها

2م بهمن 1402 محراب حسن زاده
آموزش جامع حلقه‌های for و while در جاوا اسکریپت: نحوه استفاده و کاربردها

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

 

مفهوم حلقه و کاربرد آن در برنامه‌نویسی

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

 

حلقه for در جاوا اسکریپت

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

ساختار حلقه for



for (شروع; شرط؛ بروزرسانی) {
  // کدهایی که باید تکرار شوند
}

 

  • شروع: مقداردهی اولیه‌ای که تنها یک‌بار در شروع حلقه اجرا می‌شود.

  • شرط: شرطی که قبل از هر تکرار بررسی می‌شود. اگر شرط برقرار باشد، کد داخل حلقه اجرا می‌شود.

  • بروزرسانی: دستوری که در انتهای هر تکرار اجرا می‌شود و معمولاً برای تغییر مقدار متغیر شمارنده استفاده می‌شود.

مثال ساده از حلقه for



for (let i = 0; i < 5; i++) {
  console.log("تکرار شماره: " + i);
}

 

در اینجا:

  • متغیر i با مقدار اولیه 0 شروع می‌شود.

  • تا زمانی که i کمتر از 5 باشد، کد داخل حلقه اجرا می‌شود.

  • در انتهای هر تکرار، مقدار i یک واحد افزایش می‌یابد.

 

حلقه while در جاوا اسکریپت

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

ساختار حلقه while



while (شرط) {
  // کدهایی که باید تکرار شوند
}

 

  • شرط: قبل از هر تکرار بررسی می‌شود. اگر شرط برقرار باشد، کد داخل حلقه اجرا می‌شود. این کار تا زمانی که شرط برقرار باشد ادامه می‌یابد.

مثال ساده از حلقه while



let count = 0;

while (count < 5) {
  console.log("تکرار شماره: " + count);
  count++;
}

 

در اینجا:

  • مقدار اولیه count برابر با 0 است.

  • حلقه while تا زمانی که count کمتر از 5 باشد اجرا می‌شود و در هر تکرار یک واحد به count اضافه می‌شود.

 

حلقه do...while در جاوا اسکریپت

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

ساختار حلقه do...while



do {
  // کدهایی که باید تکرار شوند
} while (شرط);

 

مثال از حلقه do...while



let count = 0;

do {
  console.log("تکرار شماره: " + count);
  count++;
} while (count < 5);

 

در اینجا:

  • حلقه حداقل یک‌بار اجرا می‌شود و سپس شرط count < 5 بررسی می‌شود.

 

کاربردهای حلقه‌های for و while

نمایش عناصر آرایه با استفاده از حلقه for

یکی از رایج‌ترین کاربردهای حلقه‌ها، نمایش و پردازش عناصر آرایه است.



let fruits = ["سیب", "موز", "پرتقال"];

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

 

در اینجا:

  • با استفاده از حلقه for، عناصر آرایه fruits یکی پس از دیگری نمایش داده می‌شوند.

 

انجام عملیات با استفاده از حلقه while

مثلاً محاسبه مجموع اعداد از 1 تا 10:



let sum = 0;
let number = 1;

while (number <= 10) {
  sum += number;
  number++;
}

console.log("مجموع از 1 تا 10 برابر است با: " + sum);

 

در اینجا:

  • با استفاده از حلقه while، مجموع اعداد از 1 تا 10 محاسبه شده و در نهایت نمایش داده می‌شود.

 

استفاده از break و continue در حلقه‌ها

دو دستور break و continue به شما امکان کنترل بهتر حلقه‌ها را می‌دهند.

break: این دستور باعث توقف کامل حلقه و خروج از آن می‌شود.



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

 

در اینجا:

زمانی که i به 5 برسد، حلقه متوقف می‌شود.

continue: این دستور باعث می‌شود که تنها تکرار جاری حلقه متوقف شده و به تکرار بعدی برود.



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

 

در اینجا:

  • زمانی که i برابر با 5 باشد، آن تکرار نادیده گرفته می‌شود و به تکرار بعدی می‌رود.

 

حلقه‌های تو در تو (Nested Loops)

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

مثال از حلقه‌های تو در تو



for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 3; j++) {
    console.log("i = " + i + ", j = " + j);
  }
}

 

در اینجا:

  • حلقه داخلی برای هر مقدار از i، سه بار اجرا می‌شود و خروجی نمایش داده می‌شود.

 

نکات و بهترین شیوه‌ها برای استفاده از حلقه‌ها

  • استفاده از حلقه for برای تعداد تکرارهای مشخص: اگر تعداد تکرار مشخص است، از حلقه for استفاده کنید.

  • استفاده از حلقه while برای تعداد تکرارهای نامشخص: اگر تعداد تکرار مشخص نیست و فقط بر اساس شرط خاصی باید ادامه یابد، از while یا do...while استفاده کنید.

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

  • استفاده از break و continue با احتیاط: از این دستورات در مواقع ضروری استفاده کنید و برای بهبود خوانایی کد، کاربرد آن‌ها را محدود کنید.

 

نتیجه‌گیری

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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

آموزش CSS Blend Modes: ادغام رنگ‌ها و تصاویر برای طراحی وب جذاب
18م شهریور 1402

آموزش CSS Blend Modes: ادغام رنگ‌ها و تصاویر برای طراحی وب جذاب

مطالعه بیشتر
آموزش استفاده از cubic-bezier در CSS برای انیمیشن‌های سفارشی و حرفه‌ای
12م آبان 1403

آموزش استفاده از cubic-bezier در CSS برای انیمیشن‌های سفارشی و حرفه‌ای

مطالعه بیشتر
مفهوم متغیرها و انواع داده در جاوا اسکریپت: راهنمای جامع برای مبتدیان
28م شهریور 1402

مفهوم متغیرها و انواع داده در جاوا اسکریپت: راهنمای جامع برای مبتدیان

مطالعه بیشتر
آموزش جامع توابع در جاوا اسکریپت: نحوه تعریف، فراخوانی و بازگشت مقادیر
2م بهمن 1402

آموزش جامع توابع در جاوا اسکریپت: نحوه تعریف، فراخوانی و بازگشت مقادیر

مطالعه بیشتر
آموزش استفاده از ماژول‌ها (Modules) در جاوا اسکریپت: آشنایی با ES6 Modules - راهنمای کامل
5م آبان 1403

آموزش استفاده از ماژول‌ها (Modules) در جاوا اسکریپت: آشنایی با ES6 Modules - راهنمای کامل

مطالعه بیشتر
آموزش استفاده از تگ‌های تصویری در HTML: نمایش و مدیریت تصاویر در صفحات وب
29م مرداد 1402

آموزش استفاده از تگ‌های تصویری در HTML: نمایش و مدیریت تصاویر در صفحات وب

مطالعه بیشتر
آموزش دسترسی به المان‌های HTML با استفاده از جاوا اسکریپت: راهنمای کامل با مثال‌ها
2م آبان 1403

آموزش دسترسی به المان‌های HTML با استفاده از جاوا اسکریپت: راهنمای کامل با مثال‌ها

مطالعه بیشتر
آموزش Emit در Vue.js | انتقال رویداد از کامپوننت فرزند به والد
28م آذر 1404

آموزش Emit در Vue.js | انتقال رویداد از کامپوننت فرزند به والد

مطالعه بیشتر
آموزش Responsive Design با استفاده از Media Queries: طراحی واکنش‌گرا برای تمامی دستگاه‌ها
10م شهریور 1402

آموزش Responsive Design با استفاده از Media Queries: طراحی واکنش‌گرا برای تمامی دستگاه‌ها

مطالعه بیشتر
آموزش اضافه کردن ویدئو و صدا به وب‌سایت: نحوه استفاده از تگ‌های video و audio در HTML
23م مرداد 1402

آموزش اضافه کردن ویدئو و صدا به وب‌سایت: نحوه استفاده از تگ‌های video و audio در HTML

مطالعه بیشتر
مدیریت رویدادها در جاوا اسکریپت: اضافه و حذف Event Listeners - آموزش جامع با مثال‌ها
2م آبان 1403

مدیریت رویدادها در جاوا اسکریپت: اضافه و حذف Event Listeners - آموزش جامع با مثال‌ها

مطالعه بیشتر
Lifecycle Hooks در Vue.js | مدیریت چرخه حیات کامپوننت‌ها با مثال کاربردی
29م آذر 1404

Lifecycle Hooks در Vue.js | مدیریت چرخه حیات کامپوننت‌ها با مثال کاربردی

مطالعه بیشتر

تمامی حقوق معتلق به ناشر سایت است و کپی از آن پیگرد قانونی دارد