این آموزش در تاریخ ۱۴۰۱/۰۴/۰۴ آپدیت شده است.
کار با حلقه for در جاوا اسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با حلقه for در جاوا اسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
حلقه For در جاوا اسکریپت
حلقه for یکی از معروف ترین و پراستفاده ترین حلقه های تکرار در اکثر زبان های برنامه نویسی می باشد، که به راحتی با استفاده از این حلقه میتونیم یک تکه کد رو بارها و بارها اجرا کنیم و هربار یه مقدار متفاوت بدست آوریم.
یعنی بطور کلی این حلقه زمانی بکار ما میاد، که بخوایم تکه کدی رو چندین بار بصورت همزمان اجرا کنیم و هربار یه مقدار متفاوت بدست بیاوریم.
فرض میکنیم میخوایم ، عدد ۰ تا ۱۰۰ رو در خروجی چاپ کنیم، خب بنظره شما چکار باید کرد؟! خب یه روش اینکه بیایم و دونه به دونه از عدد ۰ تا ۱۰۰ رو در خروجی چاپ کنیم ، همانند دستورات زیر :
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> document.write("0" + "<br>"); document.write("1" + "<br>"); document.write("2" + "<br>"); document.write("3" + "<br>"); . . document.write("100" + "<br>"); </script> |
ولی شما فکرشو کنید، ما باید ۱۰۰خط کد بنویسیم که هرخط یه عدد چاپ کنه ولی خب این اصلا بهینه و استاندارد نیست، به این حالت از برنامه نویسی میگن برنامه نویسی کثیف.
ولی الان همین برنامه رو با حلقه For میخوایم بنویسیم : ( خیلی راحت با نهایتا ۲ خط کد )
|
1 2 3 4 5 6 7 |
<script> for( i = 0 ; i < 101 ; i++ ){ document.write( i + "<br>" ); } </script> |
Free-Learn
انواع حلقه For در جاوا اسکریپت
چندین نوع حلقه for در جاوا اسکریپت وجود دارد که این حلقه ها به شرح زیر می باشند : ( که در ادامه به معرفی هر یک از آن ها میپردازیم )
- For : اجرای چندین باره یک تکه کد و تولید مقادیر متفاوت
- For / In : ایجاد حلقه در درون ویژگی های یک شئ
- For / OF : ایجاد حلقه در درون یک شئ قابل تکرار مثه آرایه ها
Free-Learn
شکل کلی حلقه For در جاوا اسکریپت
حلقه For خالی ( یعنی نه for/in و for/of ) حلقه ای ایست که با استفاده از اون میتونیم یک تکه کد رو چندین بار بصورت همزمان اجرا کنیم و هربار یک مقدار متفاوت بدست آوریم.
شکل کلی حلقه for رو میتونیم بصورت زیر نمایش بدیم :
|
1 2 3 |
for ( Bakhsh_1 ; Bakhsh_2 ; Bakhsh_3 ) { // چیزی که قراره با هربار اجرای حلقه اجرا بشه } |
Free-Learn
مثال های مختلف از حلقه For
در ادامه میتونید مثال های مختلفی رو از حلقه for در زبان جاوااسکریپت مشاهده نمایید.
مثال شماره ۱ : نمایش تمامی آیتم های موجود در یک آرایه با استفاده از حلقه for
|
1 2 3 4 5 6 7 8 9 10 |
<script> var Daneshjoo = ["Sadegh", "Ali", "Maryam", "Elnaz"]; var Tedad = Daneshjoo.length; for( i = 0 ; i < Tedad ; i++ ){ document.write( Daneshjoo[i] + "<br>" ); } </script> |
مثال شماره ۲ : تولید جدول ضرب ۱۰ * ۱۰ با استفاده از حلقه for تودرتو
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<script> document.write("<div>"); document.write("<table>"); for ( var a = 1; a < 11; a++ ){ document.write("<tr>"); for ( var b = 1; b < 11; b++ ){ document.write("<td>" + a * b + "</td>"); } document.write("</tr>"); } document.write("</table>"); document.write("</div>"); </script> |
Free-Learn
حلقه For / In در جاوا اسکریپت
با استفاده از این نوع حلقه میتونیم در درون ویژگی های یک شئ ( Object ) حلقه تکرار ایجاد کنیم.
مثال :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script> var Daneshjoo = { Name:"Ali", Family:"Akbari", Age:26 , Code:4455 }; var MyItem; var Result = ""; for( MyItem in Daneshjoo ){ Result = Result + Daneshjoo[MyItem] + "<br>"; } document.write(Result); </script> |
Free-Learn
حلقه For / OF در جاوا اسکریپت
با استفاده از این نوع حلقه میتونیم در درون یک شئ قابل تکرار ( یا به انگلیسی Iterable ) حلقه تکرار ایجاد کنیم، یک شئ قابل تکرار مثه آرایه ها یا مثلا متن / رشته ها
مثال شماره ۱ : ایجاد حلقه در درون یک آرایه
|
1 2 3 4 5 6 7 8 9 10 |
<script> var Daneshjoo = ["Sadegh", "Ali", "Maryam", "Elnaz"]; var MyItem; for( MyItem of Daneshjoo ){ document.write( MyItem + "<br>" ); } </script> |
مثال شماره ۲ : ایجاد حلقه در درون یک رشته
|
1 2 3 4 5 6 7 8 9 10 |
<script> var MyText = "Free-Learn"; var MyItem; for( MyItem of MyText ){ document.write( MyItem + "<br>" ); } </script> |
