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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

نصب Vue.js و ایجاد پروژه ساده: آموزش گام‌به‌گام راه‌اندازی Vue

نصب Vue.js و ایجاد پروژه ساده: آموزش گام‌به‌گام راه‌اندازی Vue

28م شهریور 1402

مطالعه بیشتر

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

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

20م مرداد 1402

مطالعه بیشتر

اصول پایه React.js: آشنایی با کامپوننت‌ها، وضعیت و رندرینگ

اصول پایه React.js: آشنایی با کامپوننت‌ها، وضعیت و رندرینگ

28م شهریور 1402

مطالعه بیشتر

مدیریت خطاها و استفاده از try...catch در جاوا اسکریپت: راهنمای کامل و مثال‌ها

مدیریت خطاها و استفاده از try...catch در جاوا اسکریپت: راهنمای کامل و مثال‌ها

28م مهر 1403

مطالعه بیشتر

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

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

29م مرداد 1402

مطالعه بیشتر

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

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

2م شهریور 1403

مطالعه بیشتر

مقدمه‌ای بر Node.js و کار با جاوا اسکریپت سمت سرور: آموزش اولیه و اصولی

مقدمه‌ای بر Node.js و کار با جاوا اسکریپت سمت سرور: آموزش اولیه و اصولی

4م آبان 1403

مطالعه بیشتر

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

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

10م شهریور 1402

مطالعه بیشتر

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

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

2م آبان 1403

مطالعه بیشتر

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

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

18م شهریور 1402

مطالعه بیشتر

معرفی DOM و اصول آن در جاوا اسکریپت: راهنمای جامع برای مبتدیان

معرفی DOM و اصول آن در جاوا اسکریپت: راهنمای جامع برای مبتدیان

1م آبان 1403

مطالعه بیشتر

مدیریت ترتیب نمایش با z-index در CSS: آموزش کامل و کاربردی

مدیریت ترتیب نمایش با z-index در CSS: آموزش کامل و کاربردی

11م آبان 1403

مطالعه بیشتر

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