مثال
حلقة من خلال كتلة من التعليمات البرمجية خمس مرات:
var text = "";
var i;
for (i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}وستكون النتيجة من النص على النحو التالي:
The number is 0
The number is 1
The number is 2
The number is 3
The number is 4 انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
وعلى هذا البيان يخلق حلقة التي يتم تنفيذها طالما أن الشرط صحيحا.
وسوف تستمر الحلقة لتشغيل طالما كان الشرط صحيحا. وسوف تتوقف فقط عندما تصبح حالة كاذبة.
جافا سكريبت يدعم أنواع مختلفة من الحلقات:
- for - حلقات عبر كتلة من التعليمات البرمجية عدة مرات
- for/in - حلقات عبر خصائص كائن
- while - حلقات عبر كتلة من التعليمات البرمجية في حين أن الشرط المحدد صحيحة
- تفعل / في حين - حلقات عبر كتلة من التعليمات البرمجية مرة واحدة، ثم يكرر حلقة في حين أن الشرط المحدد صحيحة
نصيحة: استخدم استراحة بيان للخروج من حلقة، و مواصلة تصريح لتخطي قيمة في الحلقة.
دعم المتصفح
| بيان | |||||
|---|---|---|---|---|---|
| for | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
قيم معلمة معامل وصف statement1 اختياري. أعدم قبل الحلقة (the code block) يبدأ. وعادة ما يستخدم هذا البيان لتهيئة متغير العداد. لبدء قيم متعددة، فصل كل قيمة بفاصلة.
ملاحظة: هذه المعلمة يمكن حذفها. ومع ذلك، لا حذف الفاصلة المنقوطة ";" statement2 اختياري. يحدد شرطا لتشغيل حلقة (the code block) . وعادة ما تستخدم هذه العبارة لتقييم حالة متغير العداد. اذا عاد صحيح، وسوف تبدأ الحلقة من جديد، إذا فإنها ترجع كاذبة، سوف تنتهي الحلقة.
ملاحظة: هذه المعلمة يمكن حذفها. ومع ذلك، لا حذف الفاصلة المنقوطة ";" . أيضا، إذا قمت بحذف هذه المعلمة، يجب توفير استراحة داخل الحلقة. وإلا فإن حلقة لا تنتهي، والتي سوف تحطم متصفحك statement3 اختياري. أعدم في كل مرة بعد أن تم تنفيذ حلقة (كتلة التعليمات البرمجية). وعادة ما تستخدم هذه العبارة لزيادة أو إنقاص متغير العداد.
ملاحظة: هذه المعلمة يمكن حذف (eg to increase/decrease values inside the loop)
تفاصيل تقنية
نسخة جافا سكريبت: 1.0
مزيد من الأمثلة
مثال
حلقة من خلال مؤشرات مجموعة لجمع أسماء سيارة من مجموعة السيارات:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i
= 0; i < cars.length; i++) {
text += cars[i] + "<br>";
} انها محاولة لنفسك » المثال أعلاه أوضح:
- أولا، نحن تعيين متغير قبل بدء حلقة (var i = 0;)
- ثم نحدد شرط حلقة لتشغيل. طالما أن المتغير هو أقل من طول المصفوفة (which is 4) ، وسوف تستمر حلقة
- كل مرة يتم تنفيذ الحلقة، يتم زيادة المتغير من جانب واحد (i++)
- وبمجرد أن متغير لم يعد أقل من 4 (array's length) ، وحالة غير صحيحة، وسوف تنتهي الحلقة
مثال
بدء قيم متعددة في المعلمة الأولى:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
} انها محاولة لنفسك »
مثال
حذف المعلمة الأولى (set values before the loop starts) :
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
} انها محاولة لنفسك »
مثال
استخدام الإفادة continue - حلقة من خلال كتلة من التعليمات البرمجية، ولكن تخطي قيمة "3" :
var text = ""
var i;
for (i = 0; i < 5; i++) {
if (i ==
3)
{
continue;
}
text += "The number is " + i + "<br>";
}
انها محاولة لنفسك »
مثال
استخدام الإفادة break - حلقة من خلال كتلة من التعليمات البرمجية، ولكن الخروج من حلقة عندما متغير ط يساوي "3" :
var text = ""
var i;
for (i = 0; i < 5; i++) {
if (i ==
3)
{
break;
}
text += "The number is " + i + "<br>";
}
انها محاولة لنفسك »
مثال
حذف المعلمة الثانية. في هذا المثال، ونحن أيضا استخدام كسر بيان للخروج من حلقة عندما يساوي "3" (إذا تم حذف المعلمة الثانية، يجب توفير استراحة داخل الحلقة، وإلا حلقة لن تنتهي أبدا، وسوف متصفحك يصطدم _ تصادم):
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
if (i == 3) {
break;
}
text += cars[i] +
"<br>";
} انها محاولة لنفسك »
مثال
حلقة من خلال مؤشرات صفيف، في الترتيب التنازلي (الزيادة السلبية):
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
text += cars[i] + "<br>";
} انها محاولة لنفسك »
مثال
حذف المعلمة الأخيرة، وزيادة القيم داخل الحلقة:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) {
text += cars[i] + "<br>";
i++;
} انها محاولة لنفسك »
مثال
حلقة من خلال عقد لكائن NodeList وتغيير لون الخلفية من كل <p> العناصر في القائمة:
var myNodelist = document.getElementsByTagName("P");
var i;
for (i =
0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
} انها محاولة لنفسك »
مثال
مثال حلقة متداخلة (a loop inside a loop) :
var text = "";
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 + " ";
}
} انها محاولة لنفسك »
صفحات ذات صلة
جافا سكريبت تعليمي: جافا سكريبت لحلقة
جافا سكريبت المرجعي: جافا سكريبت ل... في بيان
جافا سكريبت المرجعي: جافا سكريبت بيان استراحة
: جافا سكريبت المرجعي مواصلة جافا سكريبت بيان
جافا سكريبت المرجعي: جافا سكريبت حين الإعلان
<جافا سكريبت القوائم المرجعية