جملة for في JavaScript

التعريف والاستخدام

إن جملة for تخلق الحلقة، وتنفيذ الحلقة طالما أن الشروط صحيحة.

التحديث يستمر طالما أن الشروط صحيحة. يوقف فقط عند صحة الشروط تصبح خطأ.

JavaScript يدعم أنواع مختلفة من الحلقات المتكررة:

  • للفور - تنفيذ حلقة متكررة
  • للفور/في - مرور خصائص العنصر
  • for/of - تكرار مرور قيم العناصر في العنصر القابل للتدوير
  • while - تكرار دورة الكود عند صحة الشروط المحددة
  • do/while - تنفيذ دورة واحدة من الكود، ثم تكرار الدور عند صحة الشروط المحددة

نصيحة:استخدم جملة break للخروج من الدور، واستخدم جملة continue لتخطي قيمة معينة في الدور.

مثال

تنفيذ كود الدور خمس مرات:

var text = "";
var i;
برای (i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";
}

به طور مستقیم امتحان کنید

هناك أمثلة أكثر في نهاية الصفحة.

القواعد النحوية:

للمحصول علىتعليق 1:; تعليق 2:; تعليق 3:) {
  كود الدور الذي سيتم تنفيذه
}

قيمة المعامل:

المعامل: الوصف:
تعليق1:

اختياري. تنفيذ هذا التعليق قبل بدء الدور (كود الدور). عادةً يستخدم هذا التعليق لتعداد متغير العد. إذا كنت بحاجة إلى تعداد عدة قيم، استخدم التجزئة بالكوما لفصل كل قيمة.

تعليق:يمكن تجاهل هذا المعامل. ولكن لا تتخطى النقطة السينية ";".
تعليق2:

اختياري. تحديد شرط تنفيذ الدور (كود الدور). عادةً يستخدم هذا التعليق لتقييم شرط متغير العد. إذا كان يعود صحيحاً، يستأنف الدور، وإذا كان يعود خطأ، ينتهي الدور.

تعليق:يمكن تجاهل هذا المعامل. ولكن لا تتخطى النقطة السينية ";". بالإضافة إلى ذلك، إذا تم تجاهل هذا المعامل، فسيكون من الضروري تقديم break داخل الدور. وإلا فإن الدور لن ينتهي أبداً، مما قد يؤدي إلى تلف المتصفح الخاص بك.
تعليق3:

اختياري. تنفيذ هذا التعليق بعد كل دورة (كود الدور). عادةً يستخدم هذا التعليق لزيادة أو إنقاص متغير العد:

تعليق:يمكن تجاهل هذا المعامل (مثل زيادة/إنقاص القيمة داخل الدور):

تفاصيل التقنية:

إصدار JavaScript: ECMAScript 1:

مزيد من الأمثلة:

مثال

مرور الدور على مؤشرات اللوحة، جمع أسماء السيارات من لوحة cars:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
للمحصول على i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}

به طور مستقیم امتحان کنید

شرح المثال:

  • أولاً، نضبط متغيرًا قبل بدء الدور (تعريف i = 0;):
  • ثم، نحدد شرط تنفيذ الدور. طالما كان المتغير أقل من طول اللوحة (أي 4)، يستمر الدور:
  • زيادة المتغير مرة واحدة في كل دورة (i++):
  • بمجرد أن لا يزال المتغير أقل من 4 (طول اللوحة)، يكون الشرط خطأ، ينتهي الدور:

مثال

تعداد القيم في الأولى:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
للمحصول على i = 0, len = cars.length, text = ""; i < len; i++) { 
  text += cars[i] + "<br>";
}

به طور مستقیم امتحان کنید

مثال

تخطي الأولى (في بداية دورة تضبط القيمة):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
تعريف i = 2;
var len = cars.length;
var text = "";
للمحصول على len; i++) {
  text += cars[i] + "<br>";
}

به طور مستقیم امتحان کنید

مثال

استخدام جملة continue - قم بتنفيذ كود اللوغاريثم ولكن قم بتخطي القيمة "3":

var text = ""
var i;
برای (i = 0; i < 5; i++) {
  اگر (i == 3) {
    continue;
  }
  text += "The number is " + i + "<br>";
}

به طور مستقیم امتحان کنید

مثال

استفاده از دستور break - اجرای یک قطعه کد، اما وقتی که متغیر i برابر با "3" است، از چرخه خارج شوید:

var text = ""
var i;
برای (i = 0; i < 5; i++) {
  اگر (i == 3) {
    break;
  }
  text += "The number is " + i + "<br>";
}

به طور مستقیم امتحان کنید

مثال

دومین پارامتر را حذف کنید. در این مثال، ما از دستور break استفاده می‌کنیم تا از چرخه خارج شویم وقتی که i برابر با "3" است (اگر دومین پارامتر را حذف کنید، باید در داخل چرخه یک دستور break ارائه دهید. در غیر این صورت چرخه هرگز متوقف نمی‌شود و مرورگر شما از کار می‌افتد):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
برای (i = 0; ; i++) {
  اگر (i == 3) {
    break;
  }
  text += cars[i] + "<br>";
}

به طور مستقیم امتحان کنید

مثال

با کاهش تدریجی شمارش‌کننده چرخه‌ای از شماره‌های آرایه (متناسب با کاهش):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
برای (i = cars.length - 1; i >= 0; i--) {
  text += cars[i] + "<br>";
}

به طور مستقیم امتحان کنید

مثال

پارامتر آخر را حذف کنید و در چرخه افزایش دهید:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
برای (; i < len;) { 
  text += cars[i] + "<br>";
  i++;
}

به طور مستقیم امتحان کنید

مثال

ورود به NodeList نمونه و تغییر رنگ پس‌زمینه تمام عناصر <p> در لیست:

var myNodelist = document.getElementsByTagName("P");
var i;
برای (i = 0; i < myNodelist.length; i++) {
  myNodelist[i].style.backgroundColor = "red";
}

به طور مستقیم امتحان کنید

مثال

مثال پیچیده‌سازی چرخه (چرخه درون چرخه):

var text = "";
var i, j;
برای (i = 0; i < 3; i++) {
  text += "<br>" + "i = " + i + ", j = "; 
  برای (j = 10; j < 15; j++) {
    document.getElementById("demo").innerHTML = text += j + " ";
  }
}

به طور مستقیم امتحان کنید

پشتیبانی مرورگر

فرمان Chrome IE Firefox Safari Opera
برای پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند

صفحات مرتبطة

JavaScript درس:دائرة for في JavaScript

دليل مرجع JavaScript:جملة for ... in في JavaScript

دليل مرجع JavaScript:جملة break في JavaScript

دليل مرجع JavaScript:جملة continue في JavaScript

دليل مرجع JavaScript:جملة while في JavaScript