آموزش جاوا اسکریپت – فصل بیستم: حلقه For

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

جاوا اسکریپت - فصل بیستم: حلقه For

نحوه نگارش حلقه for در زبان جاوا اسکریپت به صورت زیر است:

for(initializer; condition; iteration)
{
    // Code to be executed
}

for(تعریف متغیر; شرط; عبارت برای تکرار)
{
    // کد برای اجرا
}

یک حلقه for در زبان جاوا اسکریپت سه بخش دارد:

تعیین متغیر: یک متغیر به عنوان شمارنده در این قسمت قرار داده می شود. مثلا var i = 0

شرط اجرای حلقه: شرطی که حلقه تا زمان برقرار بودن آن اجرا می شود. مثلا i < 5

عبارت برای تکرار، عملیات انتهایی حلقه بر روی متغیر: عملیات کاهش و افزایش متغیر برای اجرای حلقه در شرایط مختلف. مثلا i++ یا i--

به مثال زیر توجه کنید:

for (var i = 0; i < 5; i++)
{
    console.log(i);
}

فصل 20 - مثال 1

خروجی مثال بالا برابر 0 1 2 3 4 خواهد بود.

در مثال بالا ما یک متغیر به نام i در بخش اول حلقه تعریف کردیم. این کار با عبارت var i = 0 انجام شده است.

در بخش دوم حلقه ما مشخص کرده ایم که حلقه تا زمانی ادامه پیدا کند که متغیر i کوچکتر از عدد ۵ است.

در بخش سوم حلقه ما خواسته ایم که متغیر i با هر بار اجرای حلقه یک واحد اضافه شود. یعنی در بار دوم اجرای حلقه متغیر برابر 1 خواهد شد.

عبارت console.log(i); نیز به سیستم می گوید که متغیر را در کنسول مرورگر چاپ کند.

دسترسی به خانه های آرایه با حلقه for

استفاده از حلقه for برای دسترسی به خانه های یک آرایه یک امر بسیار مرسوم است.

در مثال زیر می بینید که چگونه می توانید مقدار درون خانه های یک آرایه را در یک حلقه for بدست آورید:

var arr = [10, 11, 12, 13, 14];

for (var i = 0; i < 5; i++)
{
    console.log(arr[i]);
}

فصل 20 - مثال 2

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

تعریف متغیر خارج از حلقه نیز ممکن است و همچنین تعیین شرط شکستن حلقه در کد های زیر مجموعه حلقه نیز قابل انجام است مانند مثال زیر:

var arr = [10, 11, 12, 13, 14];
var i = 0;

for (; ;) {
    
    if (i >= 5)
    break;

    console.log(arr[i]);
        
    i++;
}

فصل 20 - مثال 3

ویدیوها و مطالب مشابه