حلقه for-in در جاوا اسکریپت

در این قسمت از مقالات طراحی سایت در بخش آموزش جاوا اسکریپت می خواهیم حلقه for-in در جاوا اسکریپت را توضیح دهیم .
از حلقه for-in در جاوا اسکریپت برای حرکت در درون اعضا یک آرایه یا مجموعه خواص یک شی استفاده می شود . به ازای خواندن هر یک از اعضا آرایه یا یکی از خواص شی مورد نظر ، یکبار دستورات درون حلقه اجرا خواهد شد .
تعداد دفعات تکرار دستورات حلقه ، برابر با تعداد اعضای آرایه و یا تعداد خواص شی مورد نظر است . در این حلقه معمولا از یک متغیر به عنوان شمارنده یا اندیس آرایه استفاده می شود .
شکل کلی تعریف یک حلقه for…in به صورت زیر است :

for   ( متغیر   in   نام یک آرایه / مجموعه خواص یک شی )
{
دستورات بدنه حلقه
}

در مثال زیر یک آرایه با نام Lesson برای نگهداری نام دروس کامپیوتر با ۵ عضو ایجاد و مقداردهی شده است و وظیفه ی حلقه for-in حرکت در درون اعضای آرایه Lesson و چاپ نام تک تک آن ها به عنوان خروجی است .

< script type=”text/javascript” >
var n = 0 ;
var i = 1 ;
var Lessons = new Array( 5 ) ;
Lessons[0] = “HTML” ;
Lessons[1] = “CSS” ;
Lessons[2] = “Visual Basic” ;
Lessons[3] = “Java Script” ;
Lessons[4] = “ASP.NET” ;
for ( n   in   Lessons )
{
document.write ( “Lesson ” + i + ” = ” + Lessons [n] + “<br / >”) ;
i++ ;
}
< /script >

خروجی :
Lesson 1 = HTML
Lesson 2 = CSS
Lesson 3 = Visual Basic
Lesson 4 = Java Script
Lesson 5 = ASP.NET

فرض کنید که در مثال بالا فقط می خواهیم نام دروسی از آرایه Lesson چاپ شود ، که شماره اندیس آنها در آرایه زوج باشد . بنابراین در بدنه دستورات حلقه یک دستور continue با این شرط که باقی مانده حاصل از تقسیم شماره اندیس آرایه بر ۲ برابر صفر نباشد را به قبل از دستور چاپ حلقه اضافه می کنیم . در این صورت نام اعضایی از آرایه که شماره اندیس آنها فرد است چاپ نمی شود و حلقه به اندیس بعدی می رود :

< script type=”text/javascript” >
var n = 0 ;
var i = 1 ;
var Lessons = new Array( 5 ) ;
Lessons[0] = “HTML” ;
Lessons[1] = “CSS” ;
Lessons[2] = “Visual Basic” ;
Lessons[3] = “Java Script” ;
Lessons[4] = “ASP.NET” ;
for ( n   in   Lessons )
{
if ( n % 2 != 0 ) continue ;
document.write ( “Lesson ” + i + ” = ” + Lessons [n] + “<br / >”) ;
i++ ;
}
< /script >
خروجی :
Lesson 1 = HTML
Lesson 2 = Visual Basic
Lesson 3 = ASP.NET

منبع: sitedesign-co.com