29- دروس جافا سكربت – JS Arrays

## المصفوفات في JavaScript: شرح مفصل

### مقدمة

تُعتبر المصفوفات (Arrays) في JavaScript واحدة من أهم البنى التحتية التي تُستخدم لتخزين البيانات وتنظيمها. تتيح المصفوفات تخزين مجموعات من العناصر في متغير واحد، مما يسهل عمليات الوصول والتعديل والإدارة لهذه البيانات. في هذا المقال، سنقوم بشرح مفصل عن المصفوفات في JavaScript [شركة برمجة مصرية] مع تقديم أمثلة متعددة توضح كيفية استخدامها بفعالية.

### تعريف المصفوفات

المصفوفة هي عبارة عن كائن في JavaScript يُستخدم لتخزين أكثر [شركة برمجة مصرية] من قيمة واحدة في متغير واحد. يتميز كل عنصر في المصفوفة بموقعه الذي يُعرف بالفهرس (Index)، والذي يبدأ من الصفر.

#### إنشاء المصفوفات

يمكنك إنشاء مصفوفة في JavaScript باستخدام طريقتين رئيسيتين:

1. **استخدام الأقواس المربعة:**

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

2. **استخدام الكلمة المفتاحية `new Array`:**

let fruits = new Array("Apple", "Banana", "Mango");
   

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

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

let fruits = ["Apple", "Banana", "Mango"];
console.log(fruits[0]); // Apple
console.log(fruits[1]); // Banana

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

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

let fruits = ["Apple", "Banana", "Mango"];
fruits[1] = "Orange";
console.log(fruits); // ["Apple", "Orange", "Mango"]

### خصائص المصفوفات

– **الطول (Length):**

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

let fruits = ["Apple", "Banana", "Mango"];
  console.log(fruits.length); // 3
  

### طرق شائعة للمصفوفات

تأتي المصفوفات في JavaScript مع مجموعة من الطرق المدمجة التي تسهل العمل معها، ومن هذه الطرق:

– **push():** تُستخدم لإضافة عنصر جديد إلى نهاية المصفوفة.

let fruits = ["Apple", "Banana"];
  fruits.push("Mango");
  console.log(fruits); // ["Apple", "Banana", "Mango"]
  

– **pop():** تُستخدم لإزالة العنصر الأخير من المصفوفة.

let fruits = ["Apple", "Banana", "Mango"];
  fruits.pop();
  console.log(fruits); // ["Apple", "Banana"]
  

– **shift():** تُزيل العنصر الأول من المصفوفة.

let fruits = ["Apple", "Banana", "Mango"];
  fruits.shift();
  console.log(fruits); // ["Banana", "Mango"]
  

– **unshift():** تُضيف عنصرًا جديدًا إلى بداية المصفوفة.

let fruits = ["Banana", "Mango"];
  fruits.unshift("Apple");
  console.log(fruits); // ["Apple", "Banana", "Mango"]
  

– **splice():** تُستخدم لإضافة أو إزالة عناصر من أي مكان في المصفوفة.

let fruits = ["Apple", "Banana", "Mango"];
  fruits.splice(1, 0, "Orange");
  console.log(fruits); // ["Apple", "Orange", "Banana", "Mango"]
  

### التكرار عبر المصفوفات

يمكنك استخدام الحلقة `for` أو `forEach` للتكرار عبر عناصر المصفوفة:

– **استخدام `for`:**

let fruits = ["Apple", "Banana", "Mango"];
  for (let i = 0; i < fruits.length; i++) {
      console.log(fruits[i]);
  }
  

– **استخدام `forEach`:**

let fruits = ["Apple", "Banana", "Mango"];
  fruits.forEach(function(fruit) {
      console.log(fruit);
  });
  

### خاتمة

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