1: للحلقة
ستحدد الحلقة for مسبقًا المتغيرات التي تتحكم في عدد الحلقات في عبارة for، لذلك يمكن لبيان الحلقة تنفيذ عمليات الحلقة وفقًا للعدد المعروف من الحلقات، وهو مناسب للمواقف التي يكون فيها عدد الحلقات الأوقات التي يجب تشغيل البرنامج النصي فيها معروفة بوضوح.
تنسيق بناء الجملة للحلقة هو كما يلي:
for (بيان التهيئة؛ حالة الحلقة؛ تحديث متغير - زيادة أو نقصان) {
كتلة البيان؛
} يمكن تفكيك بيان حلقة for إلى 4 أجزاء: التعبيرات الثلاثة في () و"كتلة البيان" في {} ، دعنا نحللها أدناه.
تحليل البيان:
بيان التهيئة (التعبير 1): يستخدم بشكل أساسي لتهيئة قيمة متغيرة لتعيين عداد، أي القيمة في بداية الحلقة يتم تنفيذها فقط أثناء الحلقة الأولى ولن يتم تنفيذها تنفيذها مرة أخرى في المستقبل.
شرط الحلقة (التعبير 2): شرط تقييد تنفيذ الحلقة، يستخدم للتحكم في تنفيذ التعليمات البرمجية في نص الحلقة؛ إذا كان الشرط صحيحًا، تستمر الحلقة، وإذا كان الشرط خطأ، تنتهي الحلقة وتخرج الحلقة في الحال.
تحديث متغير (التعبير 3): تعبير مع عملية زيادة أو إنقاص في كل مرة يتم فيها تنفيذ الحلقة، يتم تعديل قيمة العداد على الفور بحيث تصبح حالة الحلقة "غير صحيحة" تدريجيًا.
كتلة البيان: عدد من الأكواد التي يجب تنفيذها عندما يتم الحكم على صحة الشرط.
هل الوصف أعلاه مربك بعض الشيء، دعونا نلقي نظرة على مخطط تدفق التنفيذ الخاص ببيان حلقة for لفهم عملية تنفيذ حلقة for بشكل أكثر سهولة:
الآن بعد أن فهمنا عملية تنفيذ حلقة for، فلنقم بالعملية الفعلية ونطرح سؤالًا صغيرًا لمعرفة ما إذا كنا قد أتقنناها!
مثال: احسب المجموع من 1 إلى 100
<script type="text/javascript">
فار المبلغ=0;
for(var i=1;i<=100;i++){
sum+=i;
}
console.log('1 + 2 + 3 +...+ 99 + 100 = '+sum);
</script> 
التعبيرات الثلاثة في
حلقة JS، لكن لا يمكن حذف الفاصلة المنقوطة المستخدمة للفصل بين التعبيرات الثلاثة، كما هو موضح في المثال التالي:
// حذف التعبير الأول Formula var i = 0;
لـ (؛ أنا < 5؛ أنا ++) {
// الكود المراد تنفيذه }
// احذف التعبير الثاني for (var y = 0; ; y++) {
إذا (ص> 5) {
استراحة؛
}
// الكود المراد تنفيذه }
// احذف التعبيرين الأول والثالث var j = 0;
من أجل (؛ ي < 5؛) {
// الكود المراد تنفيذه j++;
}
// حذف كافة التعبيرات var z = 0;
ل (؛؛) {
إذا (ض> 5) {
استراحة؛
}
// الكود المطلوب تنفيذه z++;
} ثانيًا: لتداخل الحلقة
بغض النظر عن نوع الحلقة، يمكن تداخلها (أي يتم تعريف حلقة واحدة أو أكثر في حلقة).
تنسيق بناء الجملة:
for (بيان التهيئة 1؛ حالة الحلقة؛ تحديث متغير - الزيادة الذاتية أو النقصان الذاتي) {
// كتلة البيان 1؛
for (بيان التهيئة 2؛ حالة الحلقة؛ تحديث متغير - الزيادة الذاتية أو النقصان الذاتي) {
// كتلة البيان 2؛
for (بيان التهيئة 3؛ حالة الحلقة؛ تحديث متغير - زيادة أو نقصان) {
// كتلة البيان 3؛
.....
}
}
} هنا، قمنا بتعريف ثلاثة تداخلات من حلقات for، بالطبع، يمكننا تداخل أي عدد نريده من حلقات for.
الحالة: تنفذ حلقة for جدول الضرب
أولاً، دعونا نلقي نظرة على جدول الضرب.
يمكننا رسم نمط المخطط:
هناك 9 صفوف و9 أعمدة إجمالاً، وهناك عدة تعبيرات في كل صف.
على السطر i، يبدأ التعبير من i*1 وينتهي عند i*i. هناك إجمالي تعبيرات i (يمكننا تحقيق هذا التأثير من خلال حلقة).
لذلك، هناك حاجة إلى حلقة مزدوجة للتحكم في الإخراج، تتحكم الحلقة الخارجية في عدد الصفوف i (i هو الحد الأدنى 1 والحد الأقصى هو 9)، والحلقة الداخلية تتحكم في العمود j (j هو الحد الأدنى 1 والحد الأقصى يساوي. إلى ط).
كود التنفيذ:
for(var i = 1; i <= 9; i++){ // تتحكم الحلقة الخارجية في الصفوف for(var j = 1; j <= i; j++) // أعمدة التحكم في الحلقة الداخلية {
document.write(j+"*"+i+"="+j*i+" ");
}
document.write("</br>");
} نتيجة الإخراج:
يمكننا أيضًا وضع جدول الضرب 99 في جدول وإخراجه كما هو موضح في الصورة الأولى:
document.write("<table>");
for (var i = 1; i <= 9; i++) { // خط التحكم في الحلقة الخارجية document.write("<tr>");
for (var j = 1; j <= i; j++) // عمود التحكم في الحلقة الداخلية {
document.write("<td>" + j + "*" + i + "=" + j * i + "</td>");
}
// فاصل الأسطر، التحكم في عدد التعبيرات التي يتم إخراجها في كل سطر document.write("</tr>");
}
document.write("</table>"); ثم أضف نمط CSS لتعديله:
طاولة {
العرض: 600 بكسل؛
انهيار الحدود: منفصل؛
}
الجدول تد {
الحدود: #000 1px صلب؛
محاذاة النص: مركز؛
} انظر إلى الإخراج:
[التعلم الموصى به: برنامج تعليمي متقدم لـ JavaScript]
ما ورد أعلاه هو المحتوى التفصيلي لتعلم حلقة JS: استخدام عبارات الحلقة (أمثلة مفصلة) لمزيد من المعلومات، يرجى الانتباه إلى المقالات الأخرى ذات الصلة على موقع PHP الصيني!
