تعليمي جافا سكريبت الأساسي للحلقة

يمكن لـ JS for Loop تنفيذ كتلة رمز كرقم محدد من المرات.

حلقة JavaScript

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

 document.write (cars [0] + "<br>") ؛ document.write (cars [1] + "<br>") ؛ document.write (cars [2] + "<br>") ؛

لكننا نكتب هذا

 لـ (var i = 0 ؛ i <cars.length ؛ i ++) {document.write (Cars [i]+"<br>") ؛}

مثال: إخراج 1-100 أرقام

 لـ (var i = 0 ؛ i <= 100 ؛ i ++) {document.write (i+"<br>")}

لأن حلقة ما قبل الاختبار ، ويمكن تهيئة المتغيرات قبل الحلقة ، ويتم تنفيذ الكود بعد تعريف الحلقة. بناء الجملة كما يلي

ل (عدم الدقة ؛ التعبير ؛ PSOT = حلقة التعبير) بيان

عملية التنفيذ هي كما يلي:

1. تنفيذ بيان التهيئة

2. حدد ما إذا كان التعبير صحيحًا ، إذا كان الأمر كذلك ، استمر ، وإلا قم بإنهاء جسم الحلقة بأكمله.

3. قم بتنفيذ رمز بيان جسم الحلقة

4. قم بتنفيذ رمز ما بعد التعبير

5. العودة إلى الخطوة 2

الشكل الأكثر استخدامًا للحلقة هو (var i = 0 ؛ i <n ؛ i ++) {state}

وهذا يعني أن الحلقة يتم تنفيذها في إجمالي الأوقات ، وهي مناسبة للغاية لعمليات عدد الحلقة المعروفة.

نسخة الكود كما يلي:

var anumbers = new array () ؛

var smessage = "لقد دخلت:/n" ؛

var iTotal = 0 ؛

var vuserinput ؛

var iarrayindex = 0 ؛

يفعل{

vuserInput = proft ("أدخل رقمًا ، أو" 0 "مخرج" ، "0") ؛

anumbers [iarrayindex] = vuserInput ؛

Iarrayindex ++ ؛

iTotal += number (vuserInput) ؛

smessage + = vuserInput + "/n" ؛

} بينما (vuserInput! = 0) // الخروج من جسم الحلقة عندما يكون الإدخال 0 (القيمة الافتراضية).

smessage + = "Total:" + Itotal ؛

document.getElementById ("xxx"). innerhtml = smessage ؛

أنواع مختلفة من الحلقات

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

لـ - كتل رمز الحلقة لعدد معين من المرات

ل/في - حلقة من خلال خصائص كائن ما

بينما - قم بحلق كتلة الكود المحددة عندما يكون الشرط المحدد صحيحًا

افعل/بينما - على نحو مماثل ، حلقات الكود المحدد عندما يكون الشرط المحدد صحيحًا

للحلقة

بالنسبة للحلقات هي الأدوات التي تستخدمها غالبًا عندما تريد إنشاء حلقات.

هنا بناء جملة الحلقة:

ل (الجملة 1 ؛ البيان 2 ؛ البيان 3)

{

كتلة رمز تنفيذ

}

يتم تنفيذ البيان 1 قبل بدء حلقة (كتلة الكود)

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

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

مثال

 لـ (var i = 0 ؛ i <5 ؛ i ++) {x = x + "الرقم هو" + i + "<br>" ؛ }

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

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

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

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

البيان 1

عادةً ما نستخدم العبارة 1 لتهيئة المتغير المستخدم في الحلقة (var i = 0).

البيان 1 اختياري ، مما يعني أن البيان 1 غير مستخدم.

يمكنك تهيئة أي قيم (أو متعددة) في البيانات 1:

مثال:

 لـ (var i = 0 ، len = cars.length ؛ i <len ؛ i ++) {document.write (cars [i]+"<br>") ؛}

يمكنك أيضًا حذف البيانات 1 (على سبيل المثال ، عندما يتم تعيين القيمة قبل بدء الحلقة):

مثال:

 var i = 2 ، len = cars.length ؛ for (؛ i <len ؛ i ++) {document.write (cars [i]+"<br>") ؛}

البيان 2

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

البيان 2 هو أيضا اختياري.

في حالة إرجاع العبارة 2 ، تبدأ الحلقة مرة أخرى ، وإذا تم إرجاع False ، تنتهي الحلقة.

نصيحة: إذا حذفت العبارة 2 ، فيجب عليك تقديم استراحة داخل الحلقة. وإلا فلن يتم إيقاف الدورة. هذا قد يعطل المتصفح. يرجى قراءة الاستراحة في الفصول اللاحقة من هذا البرنامج التعليمي.

البيان 3

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

البيان 3 هو أيضا اختياري.

البيان 3 له العديد من الاستخدامات. يمكن أن تكون الزيادة رقمًا سالبًا (i--) أو أكبر (i = i+15).

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

مثال:

 var i = 0 ، len = cars.length ؛ for (؛ i <len ؛) {document.write (cars [i]+"<br>") ؛ i ++ ؛}

ل/في حلقة

JavaScript لحلقات البيان من خلال خصائص الكائن:

مثال

 var person = {fname: "John" ، lname: "doe" ، age: 25} ؛ for (x in person) {txt = txt + person [x] ؛ }

سوف تتعلم المزيد عن/في الحلقات في الفصل على كائنات JavaScript.

بينما حلقة

انقر على حلقة بينما قم/أثناء حلقة لعرض هذه المقالة.

ما سبق هو كل شيء عن حلقة في جافا سكريبت. أتمنى أن تعجبك.