تعلم البرمجة - الفصل #32

✨ الدرس الأول: تغيير عنصر داخل المصفوفة (Changing an Array Item)

مقدمة

عندما نتعامل مع المصفوفات (Arrays) في لغة JavaScript، فإننا لا نكتفي بقراءة القيم المخزّنة فيها، بل غالبًا نحتاج إلى تعديل هذه القيم لتتناسب مع التغييرات المطلوبة في البرنامج. في هذا الدرس سنتعلّم خطوة بخطوة كيف نغيّر قيمة عنصر موجود داخل المصفوفة، مع أمثلة عملية توضّح الفكرة.

📌 الفكرة الأساسية

• المصفوفة عبارة عن مجموعة من العناصر مرتبة في مواقع (Indices).
• كل عنصر له موقع يبدأ من الرقم 0 (أي أن أول عنصر في المصفوفة يكون عند الموقع 0).
• لتغيير قيمة عنصر، نقوم أولًا بقراءته باستخدام موقعه، ثم نُسند له قيمة جديدة باستخدام علامة المساواة =.

🖥️ مثال عملي

لنفترض أن لدينا المصفوفة التالية:

لاحظ أن العنصر الأول (عند الموقع 0) هو الرقم 5. إذا أردنا تغييره إلى 6، نقوم بالخطوات التالية:

1. قراءة العنصر المطلوب:grades[0]; // النتيجة: 5
2. إسناد قيمة جديدة له:grades[0] = 6;
3. التحقق من التغيير:console.log(grades); // النتيجة: [6, 3, 8]

وهكذا نكون قد غيّرنا العنصر الأول من 5 إلى 6.

⚙️ مثال داخل دالة (Function)

أحيانًا نحتاج إلى تعديل المصفوفة داخل دالة، مثلًا:

• هنا قمنا بتغيير العنصر الأول داخل الدالة.
• لاحظ أننا أضفنا return grades في النهاية حتى تُعيد الدالة المصفوفة الجديدة بعد التعديل.

🚫 إذا كتبنا الكود بهذا الشكل فلن يعمل كما نريد:

السبب: هذا الكود سيُعيد الرقم 6 فقط، لأنه يعتبر العملية grades[0] = 6 تعبيرًا يُعيد القيمة الجديدة، وليس المصفوفة كاملة.

📝 خلاصة الدرس

لتغيير عنصر داخل المصفوفة:

1. حدّد موقع العنصر باستخدام الفهرس (Index).
2. أسند له القيمة الجديدة باستخدام =.
3. إذا كنت داخل دالة، تأكّد من إعادة المصفوفة كاملة بعد التعديل باستخدام return.

🎯 تدريب سريع

جرّب بنفسك:

• أنشئ مصفوفة تحتوي على أسماء مثل: let names = ["Ali", "Sara", "Omar"];
• غيّر الاسم الثاني (Sara) إلى "Laila".
• اطبع المصفوفة بعد التغيير لترى النتيجة.

📚 ملخص الفصل: تغيير عنصر داخل المصفوفة

لتغيير عنصر في المصفوفة:

1. حدّد موقعه باستخدام الفهرس.
2. غيّر قيمته بعلامة المساواة.
3. إذا كنت داخل دالة، أعد المصفوفة كاملة بعد التعديل.