Javascript for Kids · درس

حلقة داخل حلقة

حلقات داخل حلقات

حلقة داخل حلقة درس مجاني في Javascript for Kids على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Javascript for Kids، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Javascript for Kids 4 دروس في المجموع.

حلقة داخل حلقة؟! 🤯

ماذا يحدث إذا وضعتم حلقة داخل حلقة أخرى؟ يشبه ذلك عجلة تدور داخل عجلة أكبر! ⚙️⚙️

تُسمّى هذه حلقة متداخلة، وهي تتيح إنشاء أعمال فنية رائعة!

الخارجية والداخلية 🪆

فكّروا في الدمى المتداخلة! 🪆 الحلقة الخارجية هي الدمية الكبيرة، والحلقة الداخلية هي الدمية الصغيرة بداخلها.

في كل دورة واحدة للحلقة الخارجية، تنفّذ الحلقة الداخلية جميع دوراتها!

أول حلقة متداخلة 🔁

تتكرر الحلقة الخارجية هنا مرتين. وفي كل مرة، تتكرر الحلقة الداخلية 3 مرات! راقبوا بعناية.

for (let i = 1; i <= 2; i++) {
  for (let j = 1; j <= 3; j++) {
    console.log('i=' + i + ' j=' + j)
  }
}

عدّادان! ✌️

لاحظوا أن لدينا الآن عدّادين: i للحلقة الخارجية وj للحلقة الداخلية.

يعدّ j الداخلي 1، 2، 3 في كل مرة تتغير فيها قيمة i الخارجية!

for (let i = 1; i <= 2; i++) {
  console.log('Outer ' + i + ' starts')
  for (let j = 1; j <= 2; j++) {
    console.log('  inner ' + j)
  }
}

كم عدد المرات إجمالًا؟ 🔢

إذا تكررت الحلقة الخارجية 3 مرات والداخلية 4 مرات، فهذا يعني 3 × 4 = 12 تكرارًا إجمالًا!

دعونا نعدّها.

let count = 0
for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 4; j++) {
    count = count + 1
  }
}
console.log('Total runs: ' + count)

الأيام والوجبات 🍽️

مثال واقعي! نتناول 3 وجبات في كل يوم. تمثل الحلقة الخارجية الأيام، وتمثل الحلقة الداخلية الوجبات.

for (let day = 1; day <= 2; day++) {
  console.log('Day ' + day)
  for (let meal = 1; meal <= 3; meal++) {
    console.log('  meal ' + meal)
  }
}

نجوم في صفوف ⭐

تنشئ الحلقة الخارجية صفوفًا، بينما تطبع الحلقة الداخلية النجوم في ذلك الصف. هذه لمحة عن الفن البرمجي!

for (let row = 1; row <= 3; row++) {
  for (let s = 1; s <= 2; s++) {
    console.log('star')
  }
  console.log('--- end of row ---')
}

الترتيب مهم 📋

تنهي الحلقة الداخلية دائمًا جميع دوراتها قبل أن تتابع الحلقة الخارجية. يشبه ذلك قراءة كل كلمة في سطر قبل الانتقال إلى السطر التالي! 📖

for (let i = 1; i <= 2; i++) {
  for (let j = 1; j <= 2; j++) {
    console.log(i + ',' + j)
  }
}

ضرب الأعداد ✖️

الحلقات المتداخلة رائعة في العمليات الحسابية! دعونا نضرب i في j.

for (let i = 1; i <= 2; i++) {
  for (let j = 1; j <= 3; j++) {
    console.log(i + ' x ' + j + ' = ' + (i * j))
  }
}

اختيار الملابس 👕👖

قميصان وسروالان يصنعان 4 أزياء! تعرض الحلقات المتداخلة جميع التركيبات.

for (let shirt = 1; shirt <= 2; shirt++) {
  for (let pants = 1; pants <= 2; pants++) {
    console.log('Shirt ' + shirt + ' with pants ' + pants)
  }
}

حان دوركم لإنشاء حلقة متداخلة 🌟

غيّروا الحلقة الداخلية لتتكرر 4 مرات ثم شغّلوها! لاحظوا كيف يزداد الناتج. 🪆

for (let i = 1; i <= 2; i++) {
  for (let j = 1; j <= 4; j++) {
    console.log('i=' + i + ' j=' + j)
  }
}

تحقق سريع ✅

اختبار سريع لفهم الحلقات المتداخلة! 🧠

مراجعة الحلقات المتداخلة 🎉

مذهل! 🤯 لقد تعلّمتم الحلقات المتداخلة.

حلقة داخل حلقة، مثل الدمى المتداخلة 🪆
العدّاد الخارجي i، والعدّاد الداخلي j
تنهي الحلقة الداخلية جميع دوراتها قبل أن تتابع الخارجية

التالي: إنشاء صفوف وأعمدة مثل الشبكة! 🟦

الأسئلة الشائعة

هل درس «حلقة داخل حلقة» مجاني؟

نعم — نص درس «حلقة داخل حلقة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Javascript for Kids، انتقل إلى CoddyKit PRO. تتضمن دورة Javascript for Kids 4 دروس في المجموع.

ماذا ستتعلم في «حلقة داخل حلقة»؟

حلقات داخل حلقات تتمرن على Javascript for Kids مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Javascript for Kids؟

لا تُشترط خبرة سابقة. Javascript for Kids على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.

كم من الوقت يستغرق درس «حلقة داخل حلقة»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Javascript for Kids هذا؟

نعم. كل درس في Javascript for Kids يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

← العودة إلى Javascript for Kids