مقدمة
في الدرس السابق تعلمنا أن JavaScript تستطيع اتخاذ القرارات باستخدام الجمل الشرطية، فتقرر ماذا ستفعل بناءً على نتيجة شرط معين.
لكن هناك مشكلة أخرى تواجه المبرمجين باستمرار.
ماذا لو احتجنا إلى تنفيذ نفس التعليمات عشرات أو مئات أو حتى آلاف المرات؟
على سبيل المثال:
- عرض قائمة تحتوي على 100 منتج.
- التحقق من صحة بيانات عدد كبير من المستخدمين.
- البحث داخل آلاف النتائج.
- تحديث عناصر كثيرة في صفحة الويب.
هل سنكتب الكود نفسه مئات المرات؟
بالطبع لا.
ولهذا توفر JavaScript مفهومًا مهمًا جدًا يسمى الحلقات التكرارية (Loops).
---
ما هي الحلقات التكرارية؟
الحلقة التكرارية هي بنية برمجية تسمح بتنفيذ مجموعة من التعليمات أكثر من مرة بطريقة تلقائية ومنظمة.
بدلًا من تكرار كتابة الأوامر، يكتبها المبرمج مرة واحدة، ويحدد متى تبدأ الحلقة ومتى تتوقف.
وهذا يجعل البرامج أقصر وأكثر كفاءة.
---
لماذا نحتاج إلى الحلقات؟
تخيل أنك تدير متجرًا إلكترونيًا يحتوي على 500 منتج.
إذا أردت عرض كل منتج للمستخدم، فلن تكتب أمر العرض 500 مرة.
بل تستخدم حلقة تمر على جميع المنتجات واحدًا تلو الآخر، ثم تعرضها تلقائيًا.
ولهذا تعتمد معظم مواقع الإنترنت على الحلقات في كل صفحة تقريبًا.
---
أمثلة من الحياة اليومية
تخيل موظفًا في مكتب البريد.
كلما وصل طرد جديد، يقوم بالخطوات نفسها:
- يستلم الطرد.
- يفحصه.
- يسجله.
- يضعه في المكان المناسب.
ثم يكرر هذه العملية مع الطرد التالي.
لا يحتاج إلى تعلم خطوات جديدة في كل مرة، بل يكرر العملية نفسها.
وهذا يشبه عمل الحلقة التكرارية داخل البرنامج.
---
كيف تعرف الحلقة متى تتوقف؟
لكل حلقة نقطة نهاية.
قد تتوقف عندما:
- تنتهي من معالجة جميع البيانات.
- تصل إلى عدد معين من مرات التكرار.
- يتحقق شرط معين.
إذا لم يوجد شرط للتوقف، فقد تستمر الحلقة في العمل بلا نهاية، وهو ما يسمى الحلقة اللانهائية (Infinite Loop)، وهي من الأخطاء الشائعة في البرمجة.
---
أين تستخدم الحلقات في JavaScript؟
ستجدها في معظم تطبيقات الويب، مثل:
- عرض المنتجات.
- قراءة بيانات المستخدمين.
- إنشاء الجداول.
- البحث داخل البيانات.
- الألعاب التي تعمل في المتصفح.
- الرسوم المتحركة (Animations).
- تطبيقات الدردشة.
ولهذا تُعد الحلقات من أكثر الأدوات استخدامًا في JavaScript.
---
أنواع الحلقات في JavaScript
توفر JavaScript عدة أنواع من الحلقات، وأشهرها:
- for: عندما تعرف عدد مرات التكرار أو تريد المرور على عناصر مجموعة بيانات.
- while: عندما يستمر التكرار حتى يتحقق شرط معين.
- do...while: تشبه while، لكنها تضمن تنفيذ الأوامر مرة واحدة على الأقل قبل فحص الشرط.
سندرس كل نوع منها بالتفصيل في الدروس القادمة.
---
العلاقة بين الحلقات والجمل الشرطية
في أغلب البرامج، تعمل الحلقات مع الجمل الشرطية.
فالحلقة تكرر تنفيذ الأوامر، بينما تحدد الجملة الشرطية ما الذي يجب أن يحدث أثناء كل تكرار.
وهذا يجعل البرامج أكثر مرونة وقدرة على التعامل مع البيانات المختلفة.
---
لماذا تعد الحلقات من أهم أساسيات JavaScript؟
لأن صفحات الويب الحديثة تتعامل مع كميات كبيرة من البيانات.
وقد تحتاج الصفحة إلى عرض مئات العناصر أو تحديثها في لحظات.
ومن دون الحلقات، سيصبح الكود طويلًا جدًا وصعب التعديل.
أما باستخدام الحلقات، يمكن تنفيذ آلاف العمليات بكفاءة وبعدد قليل من الأسطر البرمجية.
---
أخطاء شائعة عند المبتدئين
من الأخطاء الشائعة:
- إنشاء حلقة لا نهائية بسبب نسيان شرط التوقف.
- استخدام حلقة غير مناسبة للمهمة المطلوبة.
- الاعتقاد أن الحلقات تستخدم فقط لطباعة الأرقام، بينما استخدامها يشمل جميع أنواع البيانات.
فالحلقات ليست أداة للطباعة فقط، بل هي وسيلة لتنظيم العمل المتكرر داخل البرنامج.
---
ملخص الدرس
تعرفنا في هذا الدرس على الحلقات التكرارية (Loops)، وعرفنا أنها تسمح لبرامج JavaScript بتكرار تنفيذ الأوامر بطريقة منظمة، مما يجعل الكود أقصر وأكثر كفاءة. كما تعلمنا أن للحلقات أكثر من نوع، ولكل نوع استخدامه المناسب، وأنها تُستخدم في معظم تطبيقات الويب الحديثة.
في الدرس التاسع سنتعرف على حلقة "for" في JavaScript، وسنفهم لماذا تُعد أكثر الحلقات استخدامًا عند التعامل مع المصفوفات والعناصر الموجودة في صفحات الويب.