مدرسة البرمجة العربية

✨ التكرار على الكائنات والمصفوفات في JavaScript

---

🎉 أهلاً أبطال البرمجة!

في الأجزاء السابقة تعلمنا الكائنات، الكائنات المتداخلة، والمصفوفات داخل الكائنات. الآن سنكتشف كيف نستخدم الحلقات (Loops) للتكرار على هذه البيانات بسهولة، وهذه مهارة مهمة جدًا لتعاملنا مع أي مشروع برمجي. 🚀

---

🔁 التكرار على المصفوفات باستخدام for

الحلقة for تساعدنا على المرور على كل عنصر في المصفوفة وتنفيذ تعليمات معينة.

💡 مثال:

let fruits = ["تفاح", "موز", "كرز", "أناناس"];

for (let i = 0; i < fruits.length; i++) {
  console.log("أنا أحب " + fruits[i]);
}
/*
أنا أحب تفاح
أنا أحب موز
أنا أحب كرز
أنا أحب أناناس
*/

لاحظ كيف استخدمنا fruits.length لنعرف عدد العناصر في المصفوفة.

---

🔁 التكرار على الكائنات باستخدام for...in

لحلقة المرور على خصائص الكائن نستخدم for...in.

💡 مثال:

let student = {
  name: "ليلى",
  age: 9,
  grade: 4
};

for (let key in student) {
  console.log(key + ": " + student[key]);
}
/*
name: ليلى
age: 9
grade: 4
*/

هنا key يمثل اسم الخاصية، ويمكننا الوصول للقيمة باستخدام student[key].

---

🔁 التكرار على مصفوفات داخل الكائن

إذا كان لدينا مصفوفة داخل كائن، يمكننا دمج حلقة for أو forEach مع الوصول للكائن.

💡 مثال:

let game = {
  name: "سباق السيارات",
  players: ["علي", "سارة", "ليلى"]
};

// التكرار على مصفوفة اللاعبين داخل الكائن
game.players.forEach(function(player) {
  console.log(player + " جاهز للسباق!");
});
/*
علي جاهز للسباق!
سارة جاهز للسباق!
ليلى جاهز للسباق!
*/

---

🛠️ تعديل القيم أثناء التكرار

يمكنك تغيير قيم الكائنات أو المصفوفات أثناء المرور عليها.

💡 مثال:

let marks = {
  math: 80,
  science: 90,
  english: 75
};

for (let subject in marks) {
  marks[subject] += 5; // زيادة 5 درجات لكل مادة
}

console.log(marks);
/*
{ math: 85, science: 95, english: 80 }
*/

---

🎨 أمثلة ممتعة للأطفال

💡 الصف الدراسي

let myClass = {
  students: [
    { name: "ليلى", score: 80 },
    { name: "علي", score: 90 },
    { name: "سارة", score: 85 }
  ]
};

// عرض أسماء الطلاب ودرجاتهم
myClass.students.forEach(function(student) {
  console.log(student.name + " حصل/ت على " + student.score);
});

💡 فريق رياضي

let team = {
  name: "الأزرق",
  players: ["أحمد", "مازن", "ليلى"]
};

// التكرار على الفريق
for (let i = 0; i < team.players.length; i++) {
  console.log("مرحباً " + team.players[i]);
}

---

🎯 تمرين عملي للأطفال

اصنع كائن يمثل فريقك أو صفك الدراسي، واستخدم:

• حلقة for أو forEach لعرض البيانات
• تكرار على المصفوفات داخل الكائن
• تعديل أو إضافة قيم أثناء التكرار

💡 مثال لإلهامك:

let myTeam = {
  name: "فريق النجوم",
  players: [
    { name: "سارة", score: 10 },
    { name: "علي", score: 15 },
    { name: "ليلى", score: 12 }
  ]
};

// زيادة النقاط لكل لاعب
myTeam.players.forEach(function(player) {
  player.score += 5;
  console.log(player.name + " لديه الآن " + player.score + " نقطة");
});

---

💡 نصائح مهمة

• الحلقات تسهل التعامل مع أي بيانات سواء كانت مصفوفات أو كائنات.
• يمكن دمج الحلقات مع الكائنات المتداخلة والمصفوفات داخلها.
• التجربة العملية تجعل التعلم أسرع وأمتع.
• جرب تعديل الأمثلة وإضافة حلقات جديدة لتتعلم أكثر.

---

💬 سؤال اليوم:

إذا أردت طباعة أسماء الطلاب ودرجاتهم في صفك، كيف ستستخدم for أو forEach للوصول لكل خاصية داخل الكائن والمصفوفة؟ جرب وشاركنا النتائج! 🌟

---

📌 خلاصة المقال:

• الحلقات for و forEach تساعد على التكرار على المصفوفات والكائنات.
• يمكن التكرار على المصفوفات داخل الكائنات للوصول لكل عنصر.
• يمكن تعديل القيم أثناء التكرار بسهولة.
• التكرار يجعل التعامل مع البيانات الكبيرة والمنظمة ممتع وسهل.
• التجربة العملية مهمة لفهم أفضل للحلقات والكائنات.

🚀 رائع! الآن أصبحت ملمًا بالتكرار على الكائنات والمصفوفات، ومستعد لتطبيق كل ما تعلمته في مشاريعك البرمجية. 😉