دستور for
مثال (دستور for)
ایجاد یک حلقه بر روی یک قطعه کد، که 5 بار تکرار می شود:
var i;
for (i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
خروجی text در کد بالا
The number is 1
The number is 2
The number is 3
The number is 4
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
حلقه ی for، تا زمانی که یک عبارت شرطی true است، یک قطعه کد را اجرا می کند. و تنها در صورتی که عبارت شرطی false شود، حلقه پایان می پذیرد.
جاوااسکریپت از چند نوع مختلف حلقه پشتیبانی می کند که عبارتند از:
حلقه for: به تعداد معینی یک قطعه کد را بصورت حلقه ای تکرار می کند.
حلقه for/in: بر روی خصوصیت های یک شیء، و به تعداد آنها، حلقه اجرا می کند.
حلقه while: تا هنگامی که یک شرط مشخص true باشد، یک قطعه کد را بصورت حلقه اجرا می کند.
حلقه do/while: بر روی یک قطعه کد حلقه ایجاد می کند و تا زمانی که شرط حلقه true باشد، حلقه را تکرار می کند.
نکته: می توانید از عبارت break، برای پایان دادن به اجرای یک حلقه استفاده کنید. همچنین می توانید از عبارت continue برای پرش از گام حلقه استفاده کنید.
پشتیبانی مرورگرها
| دستور | |||||
|---|---|---|---|---|---|
| for | بله | بله | بله | بله | بله |
نحوه استفاده
code block to be executed
}
مقادیر پارامترها
| پارامتر | توضیحات |
|---|---|
| statement1 |
اختیاری. قبله از اینکه حلقه شروع به کار کند، اجرا می شود.معمولا در این عبارت یک متغیر شمارنده تعریف می شود.برای تعریف کردن مقادیر چندگانه، مقادیر را با کاما از هم جدا کنید. نکته: این پارامتر را می توان از قلم انداخت.اما سمیکالن را نباید حذف کرد. |
| statement2 |
اختیاری. تعریف عبارت شرطی برای حلقه.معمولا از این عبارت برای ارزیابی متغیر شمارنده استفاده می شود.اگر این عبارت شرطی true را برگرداند، حلقه همینطور اجرا می شود، تا زمانی که این عبارت شرطی false شود. نکته: این پارامتر را می توان از قلم انداخت.اما سمیکالن را نباید حذف کرد.اگر که این پارامتر از قلم انداخته شود باید در درون loop از break استفاده کنید وگرنه حلقه هرگز پایان نمی پذیرد و همچنین ممکن است به مرورگر شما آسیب وارد شود. |
| statement3 |
اختیاری. هربار که حلقه اجرا می شود، این پارامتر هم اجرا می شود.معمولا از این عبارت برای زیاد یا کم کردن متغیر شمارنده استفاده می شود. نکته: این پارامتر را می توان از قلم انداخت. بعنوان مثال می توان مقادیر را در درون حلقه کم یا زیاد نمود. |
جزئیات تکنیکی
| نسخه JavaScript | 1.0 |
|---|
مثال - خودتان امتحان کنید
مثال (دستور for)
ایجاد یک حلقه بر روی اندیس های یک آرایه برای جمع کردن نام ماشین ها از آرایه ی cars:
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
خودتان امتحان کنید »
شرح کد های بالا:
- ابتدا قبل از اینکه حلقه اجرا شود یک متغیر به نام i تعریف می کنیم .
- سپس یک عبارت شرطی برای حلقه ایجاد می کنیم.تا زمانی که مقدار متغیر کمتر از طول آرایه باشد(که 4 است)، حلقه ادامه دارد.
- هر بار که حلقه اجرا می شود، به متغیر i یک واحد اضافه می شود.
- در صورتی که مقدار متغیر، بزرگتر یا مساوی 4 شود، عبارت شرطی false می شود و حلقه پایان می پذیرد.
مثال (دستور for)
ایجاد مقادیر چند گانه در پارامتر اول:
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
خودتان امتحان کنید »
مثال (دستور for)
از قلم انداختن پارامتر اول(ایجاد مقادیر قبل از اینکه حلقه اجرا شود):
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
خودتان امتحان کنید »
مثال (دستور for)
ایجاد یک حلقه بر روی یک قطعه کد و استفاده از عبارت continue بطوری که وقتی i برابر با 3 می شود، حلقه از این گام پرش می کند.
var i;
for (i = 0; i < 5; i++) {
if (i == 3) {
continue;
}
text += "The number is " + i + "<br>";
}
خودتان امتحان کنید »
مثال (دستور for)
ایجاد یک حلقه بر روی یک قطعه کد و استفاده از عبارت break، به طوری که وقتی i برابر با 3 می شود، حلقه پایان می پذیرد:
var i;
for (i = 0; i < 5; i++) {
if (i == 3) {
break;
}
text += "The number is " + i + "<br>";
}
خودتان امتحان کنید »
مثال:
از قلم انداختن پارامتر دوم. در این مثال همچنین از عبارت break برای خارج شدن از حلقه وقتی که i برابر با 3 می شود، استفاده می شود.اگر که پارامتر دوم از قلم انداخته شود شما حتما باید از یک عبارت break در درون حلقه استفاده کنید، در غیر این صورت حلقه هرگز پایان نمی پذیرد و ممکن است به مرورگر شما آسیب وارد شود.
var text = "";
var i;
for (i = 0; ; i++) {
if (i == 3) {
break;
}
text += cars[i] + "<br>";
}
خودتان امتحان کنید »
مثال (دستور for)
ایجاد یک حلقه بر روی عناصر یک آرایه، بصورت نزولی:
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
text += cars[i] + "<br>";
}
خودتان امتحان کنید »
مثال (دستور for)
از قلم انداختن پارامتر آخر و استفاده از مقادیر صعودی در درون loop:
var i = 0;
var len = cars.length;
for (; i < len;) {
text += cars[i] + "<br>";
i++;
}
خودتان امتحان کنید »
مثال (دستور for)
ایجاد یک حلقه بر روی node های یک شیء NodeList و تغییر دادن رنگ تمام عناصر<p> در لیست:
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
خودتان امتحان کنید »
مثال (دستور for)
یک مثال از یک حلقه ی تو درتو (یک حلقه در درون حلقه ای دیگر).
var i, j;
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
for (j = 10; j < 15; j++) {
document.getElementById("demo").innerHTML = text += j + " ";
}
}
خودتان امتحان کنید »
آموزش های مرتبط
آموزش جاوا اسکریبت: JavaScript For Loop
مرجع جاوا اسکریبت: JavaScript for ... in Statement
مرجع جاوا اسکریبت: JavaScript break Statement
مرجع جاوا اسکریبت: JavaScript continue Statement
مرجع جاوا اسکریبت: JavaScript while Statement
مرجع دستورات JavaScript- نوشته شده توسط احسان عباسی
- بازدید: 8679
