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

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

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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

آموزش Directive‌ های Vue.js | استفاده از v-model، v-bind و v-show با مثال
1404/09/23 21:10

آموزش Directive‌ های Vue.js | استفاده از v-model، v-bind و v-show با مثال

مطالعه بیشتر
آموزش صفر تا صد ساخت ماشین حساب با جاوا اسکریپت (پروژه محور و کاربردی)
1405/03/13 23:55

آموزش صفر تا صد ساخت ماشین حساب با جاوا اسکریپت (پروژه محور و کاربردی)

مطالعه بیشتر
آموزش کامل کار با آرایه‌ها و اشیاء در جاوا اسکریپت: ایجاد، دستکاری و پیمایش
1403/06/02 21:08

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

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

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

مطالعه بیشتر
آموزش ساختار استاندارد و بهینه پروژه PHP به سبک گوگل
1405/05/04 23:25

آموزش ساختار استاندارد و بهینه پروژه PHP به سبک گوگل

مطالعه بیشتر
راهنمای جامع معرفی PHP؛ تاریخچه، ویژگی‌ها و جایگاه آن در توسعه وب
1405/03/14 23:35

راهنمای جامع معرفی PHP؛ تاریخچه، ویژگی‌ها و جایگاه آن در توسعه وب

مطالعه بیشتر
بررسی کتابخانه‌های محبوب جاوا اسکریپت: آشنایی با Lodash و Moment.js - مزایا و کاربردها
1403/08/04 19:06

بررسی کتابخانه‌های محبوب جاوا اسکریپت: آشنایی با Lodash و Moment.js - مزایا و کاربردها

مطالعه بیشتر
چگونه یک فوتر چسبان در CSS بسازیم: آموزش ساخت فوتر ثابت و همیشگی
1403/06/02 17:39

چگونه یک فوتر چسبان در CSS بسازیم: آموزش ساخت فوتر ثابت و همیشگی

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

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

مطالعه بیشتر
آموزش ارث‌بری (Inheritance) در جاوا اسکریپت: نحوه استفاده از پروتوتایپ‌ها و کلاس‌ها
1403/07/28 21:20

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

مطالعه بیشتر
پیمایش اشیاء و آرایه‌ها در جاوا اسکریپت: راهنمای کامل برای Object.keys، Object.values، for...in و for...of
1403/07/04 18:12

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

مطالعه بیشتر
آموزش جامع ساخت پنل مدیریت ساده و استاندارد با PHP
1405/05/14 22:19

آموزش جامع ساخت پنل مدیریت ساده و استاندارد با PHP

مطالعه بیشتر

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