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

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

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

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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

آموزش کامل کار با آرایه‌ها و اشیاء در جاوا اسکریپت: ایجاد، دستکاری و پیمایش

آموزش کامل کار با آرایه‌ها و اشیاء در جاوا اسکریپت: ایجاد، دستکاری و پیمایش

2م شهریور 1403

مطالعه بیشتر

مدیریت خطاها در Async/Await و Promises در جاوا اسکریپت: راهنمای کامل با مثال‌های عملی

مدیریت خطاها در Async/Await و Promises در جاوا اسکریپت: راهنمای کامل با مثال‌های عملی

30م مهر 1403

مطالعه بیشتر

آموزش کامل ویژگی background در CSS: تنظیمات پس‌زمینه برای طراحی وب راهنمای جامع

آموزش کامل ویژگی background در CSS: تنظیمات پس‌زمینه برای طراحی وب راهنمای جامع

5م شهریور 1402

مطالعه بیشتر

پیمایش اشیاء و آرایه‌ها در جاوا اسکریپت: راهنمای کامل برای Object.keys، Object.values، for...in و for...of

پیمایش اشیاء و آرایه‌ها در جاوا اسکریپت: راهنمای کامل برای Object.keys، Object.values، for...in و for...of

4م مهر 1403

مطالعه بیشتر

آموزش متغیرهای سفارشی (Custom Properties) در CSS: نحوه تعریف و استفاده از var

آموزش متغیرهای سفارشی (Custom Properties) در CSS: نحوه تعریف و استفاده از var

18م شهریور 1402

مطالعه بیشتر

آموزش لیست‌ها در HTML: طراحی و استایل‌دهی لیست‌های مرتب و نامرتب

آموزش لیست‌ها در HTML: طراحی و استایل‌دهی لیست‌های مرتب و نامرتب

20م مرداد 1402

مطالعه بیشتر

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

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

16م آبان 1403

مطالعه بیشتر

آشنایی با انواع انتخاب‌گرها و تغییر پس‌زمینه با CSS: راهنمای جامع

آشنایی با انواع انتخاب‌گرها و تغییر پس‌زمینه با CSS: راهنمای جامع

4م شهریور 1402

مطالعه بیشتر

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

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

2م بهمن 1402

مطالعه بیشتر

آموزش ایجاد Transitions و انیمیشن‌های صفحه بارگذاری (Loader) در CSS: طراحی لودرهای جذاب

آموزش ایجاد Transitions و انیمیشن‌های صفحه بارگذاری (Loader) در CSS: طراحی لودرهای جذاب

16م آبان 1403

مطالعه بیشتر

آموزش mix-blend-mode و background-blend-mode در CSS: ترکیب رنگ‌ها و ایجاد افکت‌های جذاب

آموزش mix-blend-mode و background-blend-mode در CSS: ترکیب رنگ‌ها و ایجاد افکت‌های جذاب

12م آبان 1403

مطالعه بیشتر

آموزش مدیریت Box Model و ترکیب اجزای آن با CSS: کنترل دقیق فاصله‌ها و ابعاد عناصر

آموزش مدیریت Box Model و ترکیب اجزای آن با CSS: کنترل دقیق فاصله‌ها و ابعاد عناصر

5م شهریور 1402

مطالعه بیشتر

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