أحدث البرامج التعليمية وتطوير الشبكة
×

JS البرنامج التعليمي

JS الصفحة الرئيسية JS المقدمة JS ألى أين JS الناتج JS بناء الجملة JS البيانات JS تعليقات JS المتغيرات JS مشغلي JS علم الحساب JS مهمة JS أنواع البيانات JS وظائف JS الأجسام JS نطاق JS أحداث JS سلاسل JS طرق سلسلة JS أرقام JS طرق عدد JS الرياضيات JS التمور JS تاريخ تنسيقات JS تاريخ طرق JS المصفوفات JS طرق مجموعة JS القيم المنطقية JS مقارنات JS الظروف JS تحول JS حلقة غيرمنتهية For JS حلقة بينما JS استراحة JS نوع التحويل JS التعبير العادي JS أخطاء JS التصحيح JS الرفع JS الوضع الصارم JS دليل الاناقة JS أفضل الممارسات JS الأخطاء JS أداء JS الكلمات المحجوزة JS JSON

JS أشكال

أشكال التحقق من صحة API أشكال

JS موضوع

تعريفات الكائن خصائص الكائن طرق كائن نماذج الكائن

JS وظائف

تعاريف وظيفة وظيفة المعلمات وظيفة الاحتجاج الإغلاق وظيفة

JS HTML DOM

DOM مقدمة DOM أساليب DOM وثيقة DOM عناصر DOM HTML DOM CSS DOM الرسوم المتحركة DOM أحداث DOM EventListener DOM ملاحة DOM العقد DOM Nodelist

JS المتصفح BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS أمثلة

JS أمثلة JS HTML DOM JS HTML إدخال JS HTML الأجسام JS HTML أحداث JS المتصفح JS اختبار قصير JS ملخص

JS المراجع

JavaScript الأجسام HTML DOM الأجسام


 

JavaScript لحلقة


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


جافا سكريبت الحلقات

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

في كثير من الأحيان هذا هو الحال عند العمل مع صفائف:

بدلا من الكتابة:

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 حلقة بناء الجملة التالي:

for (statement 1; statement 2; statement 3) {
   code block to be executed
}

يتم تنفيذ البيان 1 قبل بدء حلقة (كتلة التعليمات البرمجية).

بيان 2 يحدد شرط لتشغيل حلقة (كتلة التعليمات البرمجية).

بيان 3 يتم تنفيذ كل مرة بعد أن تم تنفيذ حلقة (كتلة التعليمات البرمجية).

مثال

for (i = 0; i < 5; i++) {
    text += "The number is " + i + "<br>";
}
انها محاولة لنفسك »

من المثال أعلاه، يمكنك أن تقرأ:

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

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

بيان 3 يزيد قيمة (i++) في كل مرة تم تنفيذ كتلة التعليمات البرمجية في الحلقة.


بيان 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 داخل الحلقة. إلا حلقة لن تنتهي أبدا. هذا وسوف تحطم المتصفح الخاص بك. قراءة حول فواصل في فصل لاحق من هذا البرنامج التعليمي.


بيان 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 حلقة

جافا سكريبت for/in بيان حلقات عبر خصائص كائن:

مثال

var person = {fname:"John", lname:"Doe", age:25};

var text = "";
var x;
for (x in person) {
    text += person[x];
}
انها محاولة لنفسك »

و While حلقة

في while حلقة و do/while سيتم شرح حلقة في الفصل التالي.


اختبر نفسك مع تمارين!

التمرين 1 » التمرين 2» التمرين 3 » التمرين 4» التمرين 5 » التمرين 6»