الدرس الثامن: الحلقات التكرارية في JavaScript

الدرس الثامن: الحلقات التكرارية في JavaScript – التكرار بسلاسة

الدرس الثامن: الحلقات التكرارية في JavaScript – التكرار بسلاسة 🔁

العنوان:

تعلم الحلقات التكرارية لتكرار المهام بسهولة وكفاءة.

المقدمة:

الحلقات التكرارية (Loops) هي أداة قوية في البرمجة بتساعدك على تكرار تنفيذ كود معين بدل ما تعيد كتابته بنفسك. زي ما بنكرر الأفعال في حياتنا اليومية (زي إنك بتراجع الشغل كل يوم)، الكود بتاعك كمان بيحتاج يكرر نفسه. في الدرس ده هنتعلم أنواع الحلقات في JavaScript، وإزاي تستخدمها بذكاء.

أنواع الحلقات التكرارية في JavaScript:

1. `for` Loop:

تستخدم لما تعرف عدد التكرارات.


for (let i = 0; i < 5; i++) {
  console.log("Iteration number: " + i);
}

شرح الكود:

يبدأ المتغير i من 0.
يستمر التكرار طالما i < 5.
يزيد i بقيمة 1 بعد كل تكرار.

2. `while` Loop:

تستخدم لما الشرط هو اللي بيحدد التكرار، مش عدد معين.


let count = 0;
while (count < 3) {
  console.log("Count is: " + count);
  count++;
}

شرح الكود:

يبدأ count من 0.
الحلقة تستمر طالما count < 3.
يزيد count بعد كل تكرار.

3. `do...while` Loop:

تشبه while، لكنها تضمن تشغيل الكود مرة واحدة على الأقل.


let count = 0;
do {
  console.log("Count is: " + count);
  count++;
} while (count < 3);

شرح الكود:

الكود داخل do يتم تنفيذه مرة واحدة على الأقل حتى لو الشرط غير محقق.

4. `for...of` Loop:

تستخدم لتكرار العناصر داخل المصفوفات أو القوائم.


let fruits = ["Apple", "Banana", "Cherry"];
for (let fruit of fruits) {
  console.log(fruit);
}

شرح الكود:

الحلقة بتكرر على كل عنصر داخل المصفوفة fruits.

5. `for...in` Loop:

تستخدم لتكرار الخصائص داخل كائن (Object).


let person = { name: "Mostafa", age: 30 };
for (let key in person) {
  console.log(key + ": " + person[key]);
}

شرح الكود:

بتكرر على كل خاصية داخل الكائن person وتعرض الاسم والقيمة.

تطبيق عملي: طباعة الأرقام الزوجية من 1 إلى 10:

كود HTML مع JavaScript:


<!DOCTYPE html>
<html>
  <body>
    <script>
      for (let i = 1; i <= 10; i++) {
        if (i % 2 === 0) {
          console.log("Even number: " + i);
        }
      }
    </script>  </body>
</html>

النتيجة:

هيطبع الأرقام الزوجية: 2, 4, 6, 8, 10.

إيقاف الحلقة باستخدام `break`:

for (let i = 1; i <= 10; i++) {
  if (i === 5) {
    break; // توقف الحلقة
  }
  console.log(i);
}

شرح الكود:

الحلقة تتوقف عند الرقم 5.

تخطي تكرار باستخدام `continue`:


for (let i = 1; i <= 10; i++) {
  if (i % 2 === 0) {
    continue; // تخطي الأرقام الزوجية
  }
  console.log(i);
}

شرح الكود:

الحلقة تتخطى الأرقام الزوجية وتطبع الأرقام الفردية فقط.

تمارين عملية:

اطبع جدول الضرب للرقم 5 باستخدام حلقة for.
استخدم حلقة while لطلب إدخال رقم من المستخدم حتى يكتب رقم أكبر من 10.
عرف مصفوفة بأسماء وقم بعرضها باستخدام حلقة for...of.

وختامًا:

في الدرس ده، اتعلمنا الحلقات التكرارية وإزاي تكرر الكود بناءً على شروط مختلفة. في الدرس الجاي، هنشوف المصفوفات (Arrays)، واللي هتساعدنا في تخزين قوائم منظمة من البيانات. استعد للمزيد! 🚀

تعديل المقال

WiseSyntax

الدرس الثامن: الحلقات التكرارية في JavaScript – التكرار بسلاسة