🧺 ما هي المصفوفات (Arrays) في JavaScript؟
👋 أهلًا يا أبطال البرمجة!
اليوم رح نبدأ سلسلة جديدة ومهمة جدًا في عالم البرمجة، وبتفيدنا كثير لما نبني ألعاب أو تطبيقات أو مواقع: إنها "المصفوفات"! 🧮
المصفوفة هي طريقة نخزن فيها مجموعة من الأشياء داخل "متغير واحد". 🤔 كيف يعني؟ تعالوا نكتشف سوا!
📦 تخيل صندوق فيه عدة أشياء!
تخيل معاي إن عندك صندوق كبير فيه كرات ملونة 🎨: كرة حمراء، كرة زرقاء، كرة صفراء. بدل ما نحفظ كل كرة في متغير لحالها، منقدر نحطهم كلهم في "مصفوفة".
يعني بدل ما نكتب:
let ball1 = "أحمر";
let ball2 = "أزرق";
let ball3 = "أصفر";منقدر نكتب:
let balls = ["أحمر", "أزرق", "أصفر"];
وهون أنشأنا مصفوفة اسمها balls، وبداخلها ثلاث عناصر.
🧐 ليش نستخدم المصفوفات؟
- 💡 عشان نرتب معلومات كثيرة بطريقة منظمة.
- 🧮 عشان نقدر نتعامل مع مجموعة بيانات بسهولة.
- 🛠️ بدل ما نعمل 100 متغير، نستخدم متغير واحد يحتوي على 100 عنصر!
يعني لو كان عندك قائمة أسماء طلاب في صف، بتكون المصفوفة هي الحل المثالي!
🎯 كيف ننشئ مصفوفة؟
سهل جدًا! هيك:
let fruits = ["تفاح", "موز", "برتقال"];
المصفوفة اسمها fruits، وتحتوي على 3 عناصر. العناصر بداخل الأقواس المربعة [] ومفصولة بفاصلة ,.
🔢 كيف نصل إلى عنصر معين داخل المصفوفة؟
نستخدم ما يُسمى بـ "المؤشر" أو "index". وهو الرقم الذي يدل على مكان العنصر داخل المصفوفة، ويبدأ العد من الصفر!
يعني:
let fruits = ["تفاح", "موز", "برتقال"];
console.log(fruits[0]); // تطبع: تفاح
console.log(fruits[1]); // تطبع: موز
console.log(fruits[2]); // تطبع: برتقاللاحظ إن أول عنصر رقمه صفر، مو واحد!
🛒 هل يمكن نغير عنصر داخل المصفوفة؟
أكيد! شوف هذا المثال:
let colors = ["أحمر", "أزرق", "أخضر"];
colors[1] = "برتقالي";
console.log(colors); // ["أحمر", "برتقالي", "أخضر"]غيرنا العنصر الثاني (المؤشر 1) من "أزرق" إلى "برتقالي".
➕ كيف نضيف عناصر جديدة؟
نستخدم دالة اسمها push، وهي تضيف عنصر جديد في نهاية المصفوفة:
let animals = ["قطة", "كلب"];
animals.push("أرنب");
console.log(animals); // ["قطة", "كلب", "أرنب"]➖ كيف نحذف آخر عنصر؟
نستخدم دالة pop:
animals.pop();
console.log(animals); // ["قطة", "كلب"]📏 كم عدد العناصر في المصفوفة؟
نستخدم خاصية length:
let toys = ["سيارة", "طائرة", "قطار"];
console.log(toys.length); // 3🎮 تمرين بسيط
جرب تكتب كود فيه مصفوفة أسماء ألعابك المفضلة:
let games = ["Minecraft", "Roblox", "Mario"];
console.log(games[0]);
console.log(games.length);
games.push("Zelda");
console.log(games);💬 سؤال اليوم:
إذا كان عندك مصفوفة فيها أسماء 4 حيوانات، شو بتكون القيم؟ وجرب تطبع أول اسم وآخر اسم باستخدام console.log!
🚀 الخلاصة:
- المصفوفة بتسمحلك تخزن عدة أشياء داخل متغير واحد.
- كل عنصر له رقم (index) يبدأ من 0.
- نقدر نضيف، نحذف، ونغير العناصر بسهولة!
في الجزء الثاني، رح نتعلم كيف نستخدم الحلقات (loops) مع المصفوفات بطريقة ممتعة! 😄