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

در این مقاله از طراحی سایت در قسمت آموزش جاوا اسکریپت ، حلقه for را توضیح می دهیم .
از حلقه ی for هنگامیکه می خواهیم مجموعه دستورالعمل های حلقه به تعداد دفعات معینی انجام شود استفاده می کنیم .

حلقه for دارای ۳ پارامتر اصلی می باشد که عبارتنداز:
√ مقدار اولیه متغیر : به وسیله این مقدار ، مقدار اولیه برای شروع شمارنده حلقه تعیین می شود .
√ عبارت کنترلی : در این قسمت یک عبارت کنترلی مرتبط با شمارنده حلقه تعیین می شود ، که در هر بار اجرای مجدد حلقه ، شرط عبارت کنترل شده و در صورت برقرار بودن شرط ، دستورات حلقه اجرا می شود .
√ گام افزایش یا کاهش : در این قسمت ، میزانی که متغیر شمارنده حلقه ، در هر بار اجرای دستورات آن افزایش یا کاهش می یابد را تعیین می کنیم .

نحوه ی عملکرد این حلقه به صورت زیر می باشد : در این حلقه از یک مغیر به عنوان شمارنده یا کنترل کننده حلقه استفاده می شود.این متغیر در ابتدای اجرای حلقه ، مقدار دهی اولیه شده و اجرای مجدد حلقه با یک عبارت شرطی کنترل شده که در صورت درست بودن شرط ، دستورات حلقه یکبار اجرا می شود و با هر بار اجرای حلقه متغیر حلقه به اندازه گام تعیین شده ، افزایش یا کاهش می یابد .
شکل کلی تعریف یک حلقه for به صورت زیر است :

for   ( گام افزایش یا کاهش  ; تعیین عبارت کنترلی   ; تعیین مقدار اولیه متغیر )
{
دستورات بدنه حلقه
}

نکته : از ۳ پارامتر اصلی حلقه for ، فقط تعیین عبارت کنترلی در هنگام تعریف حلقه اجباری بوده و می توان متغیر شمارنده حلقه را قبل از تعریف حلقه مقدار دهی کرد و همچنین گام افزایش یا کاهش را در بدنه دستورات تابع قرار داد . در این صورت می توان جای موارد فوق را در تعریف حلقه خالی گذاشت .
مثال : در مثال زیر یک حلقه ساده در اسکریپت زیر ایجاد شده است . شمارنده این حلقه که متغیری به نام n است با مقدار اولیه ۱ مقدار دهی شده و شرط حلقه کوچکتر یا مساوی بودن شمارنده حلقه از ۵ تعیین شده است . گام افزایش این حلقه نیز ۱+ در نظر گرفته شده است . این حلقه در هر بار اجرا مقدار متغیر n را بر روی صفحه چاپ می کند . به خروجی آن دقت کنید :

< script type=”text/javascript” >
var n ;
for ( n = 1 ; n <= 5 ; n++ )
{
document.write (“Line number is ” + n + “<br />”) ;
}
< /script >
خروجی :
Line number is 1
Line number is 2
Line number is 3
Line number is 4
Line number is 5

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

< script type=”text/javascript” >
var n = 1;
for (   ; n <= 5 ;   )
{
document.write (“Line number is ” + n + “<br />”) ;
n++ ;
}
< /script >
خروجی :
Line number is 1
Line number is 2
Line number is 3
Line number is 4
Line number is 5

نکته و مثال ۳ : گام یک حلقه می تواند منفی یا کاهشی نیز باشد . در مثال زیر شمارنده حلقه با هر بار اجرای حلقه یک واحد کاهش می یابد :

< script type=”text/javascript” >
var n ;
for ( n = 5 ; n >= 1 ; n– )
{
document.write (“Line number is ” + n + “<br />”) ;
}
< /script >
خروجی :
Line number is 5
Line number is 4
Line number is 3
Line number is 2
Line number is 1

یک برنامه کاربردی :

در این قسمت یک برنامه ساده را با جاوا اسکریپت طراحی کرده ایم . این برنامه از طریق ۲ کادر متن ، دو عدد را به عنوان ورودی دریافت کرده و عدد اول را به توان عدد دوم می رساند .
توضیح : در ابتدا یک متغیر به نام sum برای نگهداری جواب را با مقدار اولیه ۱ تعریف می کنیم . سپس مقدار کادر اول در متغیر n و مقدار کادر دوم را در متغیر i ذخیره می کنیم . از عدد دوم به عنوان شمارنده حلقه استفاده شده که با هر بار اجرای حلقه ، عدد اول یکبار در خود ضرب شده و یک واحد از شمارنده حلقه نیز کم می شود ، تا به ۱ برسد . در این حالت اجرای حلقه متوقف شده و نتیجه خروجی بر روی صفحه چاپ می شود :

< script type=”text/javascript” >
function multiple ( )
{
var sum = 1 ;
var n = Num1.value ;
for ( var i = Num2.value ; i > 0 ; i– )
{
sum = sum * n ;
}
document.write ( sum ) ;
}
< /script >
< input type=”text” id=”Num1″ />
< input type=”text” id=”Num2″ />
< input type=”button” id=”Btnclick” value=” Click for Multipe” onclick=”multiple( )” / >

منبع: sitedesign-co.com