حلقه ها (loops) در JS

با کمک حلقه ها (loops) می توان یک بلوک کد را چندین بار اجرا کرد.

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

const students = ["Ehsan", "Amir", "Reza", "Mobin", "Dorsa", "Mahsa"];

let str_students = '';
str_students += `${students[0]}<br>`; // Ehsan<br>
str_students += `${students[1]}<br>`; // Amir<br>
str_students += `${students[2]}<br>`; // Reza<br>
str_students += `${students[3]}<br>`; // Mobin<br>
str_students += `${students[4]}<br>`; // Dorsa<br>
str_students += `${students[5]}<br>`; // Mahsa<br>

در نمونه کد بالا تمام المان های آرایه را به صورت دستی داخل رشته str_students ریخته ایم.

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

const students = ["Ehsan", "Amir", "Reza", "Mobin", "Dorsa", "Mahsa"];

let str_students = '';
for(student of students) {
    str_students += `${student}<br>`;
}

 

نکته: استفاده از حلقه باعث می شود کد شما مقیاس پذیرتر شود. اگر در نمونه کد اول تعداد شاگردان تغییر کند باید به ازای هر شاگرد یک خط کد اضافه کنیم. ولی در نمونه کد دوم اگر تعداد شاگردان تغییر کند نیازی به تغییر کد نداریم.

 

حلقه ها توضیحات
for اجرای یک بلوک کد به تعداد دفعات دلخواه
for in اجرای یک بلوک کد روی یک آرایه یا شیء به تعداد خانه های آرایه و برگرداندن ایندکس در هر اجرا
for of اجرای یک بلوک کد روی یک شیء تکرار پذیر به تعداد خانه های آن و برگرداندن مقدار در هر اجرا
while اجرای یک بلوک کد بر اساس شرط
do while اجرای یک بلوک کد بر اساس شرط - حداقل یک بار اجرا می شود
توسعه دهندگان
احسان اسلامی