دائرة For في JavaScript

الدوال يمكنها تنفيذ الكود عدة مرات.

دوال الجافا سكربت

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

عادةً ما نواجه أمثلة باستخدام المتغيرات

لا يجب كتابة هكذا:

text += cars[0] + '<br>'; 
text += cars[1] + '<br>'; 
text += cars[2] + '<br>'; 
text += cars[3] + '<br>'; 
text += cars[4] + '<br>'; 
text += cars[5] + "<br>";

يمكنك كتابتها هكذا:

for (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>";
 }

تجربة شخصية

أنواع الدوائر المختلفة

يدعم جافا سكربت أنواعًا مختلفة من الدوائر:

  • for - تكرار تنفيذ قطاع متعدد
  • for/in - استكشاف خصائص العنصر
  • while - تنفيذ كود قطاع عند التحقق من شرط
  • do/while - تنفيذ كود قطاع عند التحقق من شرط

دائرة For

الدائرة for هي الأداة التي تستخدمها عادةً عندما ترغب في إنشاء دائرة.

نموذج جافا سكربت للدائرة هو:

for (الجملة 1; الجملة 2; الجملة 3) {
     الكود الذي سيُتُ�行
}

تُت�行 الجملة 1 قبل بدء الدائرة (الكود المدمج).

تعرف الجملة 2 شرط تشغيل الدائرة (الكود المدمج).

تُت�行 الجملة 3 بعد تنفيذ الكود المدمج كل مرة.

مثال

for (i = 0; i < 5; i++) {
     text += "رقم هو " + i + "<br>";
}

تجربة شخصية

من خلال الكود المقدم، يمكنك معرفة:

يحدد الجملة 1 المتغير قبل بدء الدائرة (var i = 0).

تعرف الجملة 2 شرط تشغيل الدائرة (i يجب أن يكون أقل من 5).

تزيد الجملة 3 من القيمة بعد تنفيذ الكود المدمج كل مرة.

الجملة 1

عادة، تستخدم الجملة 1 لتحديد المتغيرات المستخدمة في الدائرة (i = 0).

لكن ليس دائمًا هذا هو الحال، لا يهتم جافا سكربت. الجملة 1 قابلة للتخطي.

يمكنك تحديد قيم متعددة في الجملة 1 (مفصولة بالكومياس):

مثال

for (i = 0, len = cars.length, text = ""; i < len; i++) { 
    text += cars[i] + "<br>";
}

تجربة شخصية

ويمكنك أيضًا تجاهل الجملة 1 (مثل إعداد القيمة قبل بدء الدائرة):

مثال

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) { 
    text += cars[i] + "<br>";
}

تجربة شخصية

الجملة 2

عادة ما تستخدم الجملة 2 لحساب شرط المتغير الأولي.

لكن ليس دائمًا هذا هو الحال، لا يهتم جافا سكربت. يمكن أيضًا تجاهل الجملة 2.

إذا كانت الجملة 2 تعود بالصواب، فإن الدائرة ستكون مجددا، وإذا كانت تعود بالخطأ، فإن الدائرة ستكون نهاية.

إذا تم تجاهل الجملة 2، فيجب تقديم شيء في الدائرة. break. وإلا فإن الدائرة لن تنتهي أبدًا. يرجى قراءة المزيد عن break في الفصل التالي.

الجملة 3

عادة ما تزيد الجملة 3 من قيمة المتغير الأولي.

لكن ليس دائمًا هذا هو الحال، لا يهتم جافا سكربت. يمكن أيضًا تجاهل الجملة 3.

الجملة 3 يمكن أن تقوم بأي شيء، مثل التناقص العكسي (i--)، أو الزيادة الإيجابية (i = i + 15)، أو أي شيء آخر.

الجملة 3 يمكن تجاوزها أيضًا (على سبيل المثال، عند زيادة القيمة في الدوران):

مثال

var i = 0;
var len = cars.length;
for (; i < len; ) { 
    text += cars[i] + "<br>";
      i++;
}

تجربة شخصية

دوران For/In

JavaScript for/in جملة تمرير الأنماط عبر خصائص العنصر:

مثال

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
for (x in person) {
    text += person[x];
}

تجربة شخصية

دوران While

سنتعلم في الفصل التالي عن الدوران while و do/while.

كتب دراسية

المزيد من المعلومات حول جملة for JavaScriptللإطلاع على المزيد من المعلومات حول

جمل التكرار ECMAScript
جمل التكرار تُدعى أيضًا جمل الدوران. في هذا الفصل، سنقدم لك أربعة أنواع من جمل التكرار التي يقدمها ECMAScript.