آموزش رایگان جاوا اسکریپت (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 در جاوا اسکریپت، می‌توانید برنامه‌های پویا و منعطفی ایجاد کنید. تمرین و تجربه در کار با حلقه‌ها به شما کمک می‌کند تا از این ابزارها به طور کارآمد استفاده کنید و منطق برنامه‌نویسی خود را به سطح بالاتری برسانید.

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

آموزش تغییر المان‌های DOM: ویرایش متن، سبک‌ها و کلاس‌ها در جاوا اسکریپت - راهنمای کامل با مثال‌ها
2م آبان 1403

آموزش تغییر المان‌های DOM: ویرایش متن، سبک‌ها و کلاس‌ها در جاوا اسکریپت - راهنمای کامل با مثال‌ها

مطالعه بیشتر
آموزش تکنیک‌های پیشرفته CSS Grid: طراحی ساختارهای پیچیده و واکنش‌گرا
18م شهریور 1402

آموزش تکنیک‌های پیشرفته CSS Grid: طراحی ساختارهای پیچیده و واکنش‌گرا

مطالعه بیشتر
ایجاد Layout‌های واکنش‌گرا با flex-direction و justify-content در CSS Flexbox: راهنمای جامع
11م آبان 1403

ایجاد Layout‌های واکنش‌گرا با flex-direction و justify-content در CSS Flexbox: راهنمای جامع

مطالعه بیشتر
مفاهیم پیشرفته اشیاء در جاوا اسکریپت: مدیریت خصوصیات و متدها
4م مهر 1403

مفاهیم پیشرفته اشیاء در جاوا اسکریپت: مدیریت خصوصیات و متدها

مطالعه بیشتر
استفاده از visibility و opacity در CSS برای مخفی‌سازی عناصر: راهنمای کامل و کاربردی
11م آبان 1403

استفاده از visibility و opacity در CSS برای مخفی‌سازی عناصر: راهنمای کامل و کاربردی

مطالعه بیشتر
آموزش ترانزیشن‌ها و انیمیشن‌های نرم با CSS: ایجاد افکت‌های پویا و واکنش‌گرا
10م شهریور 1402

آموزش ترانزیشن‌ها و انیمیشن‌های نرم با CSS: ایجاد افکت‌های پویا و واکنش‌گرا

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

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

مطالعه بیشتر
آموزش کار با Local Storage و Session Storage در جاوا اسکریپت: ذخیره‌سازی داده‌ها در مرورگر
3م آبان 1403

آموزش کار با Local Storage و Session Storage در جاوا اسکریپت: ذخیره‌سازی داده‌ها در مرورگر

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

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

مطالعه بیشتر
راهنمای کامل تگ‌های <img> و <a> در HTML: تصاویر و لینک‌ها
21م مرداد 1402

راهنمای کامل تگ‌های <img> و <a> در HTML: تصاویر و لینک‌ها

مطالعه بیشتر
استفاده از Viewports و Viewport Units در CSS: طراحی واکنش‌گرا با vw، vh، vmin و vmax
16م آبان 1403

استفاده از Viewports و Viewport Units در CSS: طراحی واکنش‌گرا با vw، vh، vmin و vmax

مطالعه بیشتر
آموزش مفاهیم اولیه CSS Grid Layout: طراحی شبکه‌های پیچیده و واکنش‌گرا راهنمای کامل
6م شهریور 1402

آموزش مفاهیم اولیه CSS Grid Layout: طراحی شبکه‌های پیچیده و واکنش‌گرا راهنمای کامل

مطالعه بیشتر

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