🎯 المصفوفات في جافاسكريبت: دليلك الشامل للبدء!

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

📦 ما هي المصفوفة (Array)؟

المصفوفة هي كائن خاص في جافاسكريبت يسمح لك بتخزين قيم متعددة في متغير واحد. تخيل أنك تريد تخزين أسماء طلاب في فصلك - بدلاً من إنشاء متغير منفصل لكل طالب، يمكنك استخدام مصفوفة واحدة تجمعهم جميعاً!

ببساطة: المصفوفة = قائمة مرتبة من القيم

// بدلاً من هذا:
let student1 = "Ahmed";
let student2 = "Fatima";
let student3 = "Mohamed";

// يمكننا استخدام هذا:
let students = ["Ahmed", "Fatima", "Mohamed"];

🔧 كيفية إنشاء المصفوفات

هناك طريقتان رئيسيتان لإنشاء مصفوفة:

الطريقة 1: الأقواس المربعة (الأكثر شيوعاً)

// إنشاء مصفوفة فارغة
let emptyArray = [];

// إنشاء مصفوفة بأرقام
let numbers = [1, 2, 3, 4, 5];

// إنشاء مصفوفة بنصوص
let fruits = ["Apple", "Banana", "Orange"];

// إنشاء مصفوفة بمختلف أنواع البيانات
let mixed = ["Text", 123, true, null];

الطريقة 2: كائن Array

let colors = new Array("Red", "Blue", "Green");

نصيحة: استخدم الطريقة الأولى (الأقواس المربعة) لأنها أبسط وأكثر شيوعاً.

🔍 فهم فهرس المصفوفة (Index)

كل عنصر في المصفوفة له رقم تسلسلي يسمى "فهرس" (Index). المهم أن تعرف أن الترقيم يبدأ من الصفر وليس من الواحد!

let fruits = ["Apple", "Banana", "Orange"];

// Index 0 ← "Apple"
// Index 1 ← "Banana" 
// Index 2 ← "Orange"

👆 الوصول إلى عناصر المصفوفة

نستخدم الأقواس المربعة مع رقم الفهرس للوصول إلى أي عنصر:

let fruits = ["Apple", "Banana", "Orange"];

console.log(fruits[0]); // Print: Apple
console.log(fruits[1]); // Print: Banana
console.log(fruits[2]); // Print: Orange

ماذا يحدث إذا حاولنا الوصول إلى فهرس غير موجود؟

console.log(fruits[5]); // Print: undefined

✏️ تعديل عناصر المصفوفة

يمكننا تغيير قيمة أي عنصر بسهولة:

let fruits = ["Apple", "Banana", "Orange"];

// تغيير العنصر الثاني (فهرس 1)
fruits[1] = "Strawberry";

console.log(fruits); // يطبع: ["Apple", "Strawberry", "Orange"]

📏 خاصية length - معرفة طول المصفوفة

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

let fruits = ["Apple", "Banana", "Orange"];

console.log(fruits.length); // Print: 3

let emptyArray = [];
console.log(emptyArray.length); // Print: 0

يمكننا أيضاً استخدام length لإضافة عنصر جديد في نهاية المصفوفة:

let fruits = ["Apple", "Banana"];
fruits[fruits.length] = "Orange";

console.log(fruits); // Print: ["Apple", "Banana", "Orange"]

🎯 مثال عملي متكامل

لنجمع كل ما تعلمناه في مثال عملي:

// إنشاء مصفوفة لأيام الأسبوع
let weekDays = ["Saturday", "Sunday", "Monday", "Tuesday", "Wednesday"];

// عرض اليوم الأول
console.log("The first day is: " + weekDays[0]);

// عرض عدد الأيام
console.log("Number of days in the array: " + weekDays.length);

// إضافة يومين ناقصين
weekDays[5] = "Thursday";
weekDays[6] = "Friday";

// عرض المصفوفة النهائية
console.log("Week days: " + weekDays);

💡 ملخص سريع

  • المصفوفة: قائمة مرتبة من القيم تخزن في متغير واحد
  • الإنشاء: باستخدام الأقواس المربعة []
  • الفهرس: يبدأ من الصفر (0)
  • الوصول للعناصر: باستخدام array[index]
  • التعديل: array[index] = newValue
  • الطول: array.length يعطي عدد العناصر