مفهوم المصفوفات في جافاسكربت

المصفوفة ( Array ) عبارة عن سلسلة من العناصر، كل عنصر فيها يملك قيمة و رقم ترتيب خاص به يعطى له بشكل تلقائي.
في جافاسكربت المصفوفة عبارة عن كائن و بالتالي فهي تندرج تحت النوع object.

في هذا الدرس ستتعرف على جميع الطرق التي يمكنك من خلالها تعريف مصفوفات، بالإضافة إلى الدوال الجاهزة التي يمكنك استخدامها للتعامل معها.

تعريف مصفوفة في جافاسكربت

في جافاسكربت يمكنك تعريف المصفوفة بواسطة الرمز [] أو بواسطة الكونستركتور Array() كما يلي.

// [] الشكل العام لتعريف مصفوفة بواسطة الرمز
let arrayName = [element0, element1, ..., elementN];

// Array() الشكل العام لتعريف مصفوفة بواسطة الكونستركتور
let arrayName = new Array(element0, element1, ..., elementN);

في المثال التالي قمنا بتعريف مصفوفة باستخدام الرمز [].

let countries = ['Algeria', 'Egypt', 'Lebanon'];

في المثال التالي قمنا بتعريف مصفوفة باستخدام الكونستركتور new Array().

let countries = new Array('Algeria', 'Egypt', 'Lebanon');

في المثال التالي قمنا بتعريف مصفوفة على عدة أسطر.

let countries = [
    'Algeria',
    'Egypt',
    'Lebanon'
];

في المثال التالي قمنا بتعريف مصفوفة فارغة و من ثم قمنا بإضافة العناصر فيها.

let countries = [];
countries[0] = 'Algeria';
countries[1] = 'Egypt';
countries[2] = 'Lebanon';

في المثال التالي قمنا بتعريف مصفوفة تحتوي على قيم من مختلف الأنواع.

let data = ['Harmash', true, 1000];

الوصول لعناصر المصفوفة في جافاسكربت

عناصر المصفوفة يتم تخزينها فيها بذات الترتيب الذي يتم وضعها فيه حيث أن كل عنصر فيها يتم إعطاؤه رقم فهرس ( Index ) بشكل تلقائي يحدد موقعه فيها. و رقم فهرس العنصر الأول في المصفوفة هو 0.

الآن لنفترض أننا قمنا بتعريف مصفوفة إسمها a و تتألف من 5 عناصر كما يلي.

let a = [10, 20, 30, 40, 50];

يمكنك أن تتصور أن العناصر مرتبة في المصفوفة a في الذاكرة كما يلي.

بما أن المصفوفة تتألف من 5 عناصر، نلاحظ أنه تم فهرسة العناصر بالترتيب من 0 إلى 4.

في المثال التالي قمنا بتعريف مصفوفة تتألف من 5 عناصر و من ثم قمنا بطباعة قيمة كل عنصر فيها على سطر منفرد.

let arr = [10, 20, 30, 40, 50];

document.write(arr[0] + '<br>');
document.write(arr[1] + '<br>');
document.write(arr[2] + '<br>');
document.write(arr[3] + '<br>');
document.write(arr[4] + '<br>');

الخاصية length

بواسطة هذه الخاصية يمكنك معرفة عدد عناصر المصفوفة.
في المثال التالي قمنا بتعريف مصفوفة، بعدها قمنا بطباعة عدد العناصر الموجودة فيها.

let arr = [10, 20, 30, 40, 50];

document.write('Total elements = ' + arr.length);

الوصول لآخر عنصر في المنصفوفة

رقم فهرس آخر عنصر في المصفوفة يساوي عدد عناصرها ناقص واحد، أي length - 1.
في المثال التالي قمنا بتعريف مصفوفة، بعدها قمنا بطباعة قيمة آخر عنصر فيها و عدد العناصر الموجودة فيها.

let arr = [10, 20, 30, 40, 50];

document.write('Last element value = ' + arr[arr.length-1]);

المرور على عناصر المصفوفة بوسطة الحلقة for

في المثال التالي قمنا بإنشاء حلقة for تمرّ على جميع عناصر المصفوفة و تعرض قيمها.

let arr = [10, 20, 30, 40, 50];

for (let i = 0; i<arr.length; i++) {
    document.write(arr[i] + '<br>');
}

المرور على عناصر المصفوفة بوسطة الحلقة for in

في المثال التالي قمنا بإنشاء حلقة for in تمرّ على جميع عناصر المصفوفة و تعرض قيمها.

let arr = [10, 20, 30, 40, 50];

for (let i in arr) {
    document.write(arr[i] + '<br>');
}

المرور على عناصر المصفوفة بوسطة الحلقة for of

في المثال التالي قمنا بإنشاء حلقة for of تمرّ على جميع عناصر المصفوفة و تعرض قيمها.

let arr = [10, 20, 30, 40, 50];

for (let element of arr) {
    document.write(element + '<br>');
}

تغيير قيم عناصر المصفوفة في جافاسكربت

تغيير قيمة العنصر تتم أولاً من خلال الوصول إليه بواسطة رقم الفهرس الخاص به و من ثم إسناد القيمة له بواسطة الرمز =.

في المثال التالي قمنا بتغيير قيم العنصر الأول، الثاني و الأخير في المصفوفة، ثم قمنا بعرض قيم جميع العناصر.

let arr = [10, 20, 30, 40, 50];

// هنا قمنا بتغيير قيمة العنصر الأول
arr[0] = 1;

// هنا قمنا بتغيير قيمة العنصر الثاني
arr[1] = 2;

// هنا قمنا بتغيير قيمة العنصر الأخير
arr[arr.length - 1] = arr.length;  // arr[4] = 5

document.write(arr);

في المثال التالي قمنا بتعريف المصفوفة كمصفوفة ثابتة، ثم حاولنا تعريفها من جديد، ثم حاولنا عرض قيمها.

// هنا قمنا بتعريف مصفوفة ثابتة
const arr = [10, 20, 30, 40, 50];

// هنا حاولنا إعادة تعريف مصفوفة ثابتة و هذا الأمر سيسبب مشكلة
const arr = [10, 20, 30, 40, 50];

// هذا الأمر لن يتنفذ بسبب المشكلة التي ستحصل عند تنفيذ الأمر السابق
document.write(arr);

دوال المصفوفات في جافاسكربت

فيما يلي جميع الدوال المتوفرة التي يمكنك استخدامها للتعامل مع المصفوفات.