حلقات جافا سكريبت مهمة تحتاج إلى معرفتها

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

• حلقات جافا سكريبت
  • لحلقة
  • حائط اللوب
  • افعل أثناء حلقة
  • في حلقة
  • بيان كسر
  • متابعة البيان

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

توفر حلقات JavaScript طريقة سريعة وسهلة للقيام بشيء ما بشكل متكرر. يتم استخدامها لتكرار عدد مرات الإجراء دون الحاجة إلى تكرار نفس سطر التعليمات البرمجية. يوجد نوعان رئيسيان من الحلقات:

• حلقات التحكم في الدخول - في الدخول الخاضع للرقابة ، يتم اختبار حالة الاختبار قبل دخول جسم الحلقة. لحلقة و حائط اللوب هي حلقات دخول يتم التحكم فيها.

• الحلقات الخاضعة للرقابة- عند التحكم في الخروج ، يتم تقييم حالة الاختبار في نهاية جسم الحلقة. لذلك ، سيتم تنفيذ جسم الحلقة مرة واحدة على الأقل ،بصرف النظر عما إذا كانت حالة الاختبار صحيحة أم خاطئة. حلقة التفريغ هي حلقة خروج يتم التحكم فيها.

  
  
  

الآن دعنا ننتقل ونناقش الطرق المختلفة لتنفيذ حلقات JavaScript.

لحلقة

توفر هذه الطريقة طريقة موجزة لكتابة بنية الحلقة. تتكرر حلقة for حتى يتم تقييم شرط معين إلى خطأ.

بناء الجملة-

لـ (زيادة / إنقاص حالة اختبار حالة التهيئة) {البيان}

مثال-

// برنامج JavaScript لتوضيح حلقة for يبدأ var x // for loop عند x = 1 // ويعمل حتى x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + ' 
')}

انتاج-

قيمة x: 1 قيمة x: 2 قيمة x: 3 قيمة x: 4

حائط اللوب

حلقة while هي عبارة عن بيان تدفق تحكم يسمح بتنفيذ الكود بشكل متكرر بناءً على شرط منطقي معين. تشبه هذه الحلقة حلقة تعليمة if المكررة.

بناء الجملة-

while (boolean condition) {loop statement}

مثال-

استوديو الروبوت خطوة بخطوة

// برنامج JavaScript لتوضيح while loop var x = 1 // اخرج عندما يصبح x أكبر من 5 بينما (x<= 5) { document.write('Value of x:' + x + ' 
') // زيادة قيمة x لـ // التكرار التالي x ++}

انتاج-

قيمة x: 1 قيمة x: 2 قيمة x: 3 قيمة x: 4 قيمة x: 5

افعل أثناء التكرار

تشبه هذه الحلقة حلقة while ولكن الاختلاف الوحيد هو أنها تتحقق من الشرط بعد تنفيذ التعليمات. وبالتالي ، فهو مثال على الخروج من حلقة التحكم.

بناء الجملة-

افعل {العبارات} بينما (الحالة)

مثال-

// برنامج JavaScript لتوضيح حلقة do-while var x = 20 do {// if the condition false document.write ('Value of x:' + x + ' 
') x ++} بينما (x<10) 

انتاج-

قيمة x: 20

في حلقة

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

بناء الجملة-

لـ (variableName في الكائن) {جمل}

مثال-

// برنامج JavaScript لتوضيح ... in loop // إنشاء خاصية كائن var = {first: 'Name' ، ثانيًا: 'Age' ، ثالثًا: 'Height' ، رابعًا: Eye-color ، خامسًا: 'Nationality '} // كرر خلال كل خاصية من خصائص الكائن وطبعها جميعًا // باستخدام حلقات for..in لـ (itr في الخصائص) {document.write (features [itr] +' 
')}

انتاج-

الاسم العمر الارتفاع لون العين الجنسية

بيان كسر

تستخدم تعليمة break للقفز من الحلقة. سيساعدك في كسر الحلقة ومواصلة تنفيذ الكود بعد الحلقة.

بناء الجملة-

كسر التسمية

مثال-

var text = '' var i لـ (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + ' 
'}

انتاج-

الرقم هو 0 الرقم هو 1 الرقم هو 2 الرقم هو 3 الرقم هو 4

متابعة البيان

تكسر تعليمة المتابعة تكرارًا واحدًا في الحلقة إذا حدث شرط محدد ، وتستمر مع التكرار التالي في الحلقة. الاختلاف بين تعليمة الاستمرارية والاستراحة هو أن تعليمة المتابعة 'تقفز فوق' تكرار واحد في الحلقة بدلاً من 'القفز خارج'.

بناء الجملة-

تابع التسمية

مثال-

var text = '' var i لـ (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + ' 
'}

انتاج-

الرقم هو 0 الرقم هو 1 الرقم هو 3 الرقم هو 4

كانت هذه الطرق المختلفة لتنفيذ JavaScript Loops. بهذا وصلنا إلى نهاية مقالتنا.

الآن بعد أن تعرفت على JavaScript Loops ، تحقق من ملف بواسطة Edureka. سيساعدك التدريب على اعتماد تطوير الويب في تعلم كيفية إنشاء مواقع ويب رائعة باستخدام HTML5 و CSS3 و Twitter Bootstrap 3 و jQuery و Google APIs ونشرها في Amazon Simple Storage Service (S3).

لديك سؤال لنا؟ يرجى ذكرها في قسم التعليقات في 'JavaScript Loops' وسنقوم بالرد عليك.