التعامل مع المصفوفات في JavaScript

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

إنشاء المصفوفة

بينما  يمكن  إنشاء مصفوفة باستخدام الأقواس المربعة `[]`، كما يمكننا إضافة عناصر إليها مباشرة عند الإنشاء.

```javascript
var friends = ['Ahmed', 'Mahmoud', 'Mohammed'];
console.log(friends);
```

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

كذلك الوصول إلى عنصر محدد في المصفوفة،لذلك  نستخدم الفهرس الذي يبدأ من الصفر.

```javascript
console.log(friends[0]); // Ahmed
console.log(friends[1]); // Mahmoud
console.log(friends[2]); // Mohammed
```

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

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

```javascript
friends[2] = 'Yousef';
console.log(friends); // ['Ahmed', 'Mahmoud', 'Yousef']
```

 طول المصفوفة

بينما يمكن معرفة عدد العناصر في المصفوفة باستخدام خاصية `length`.

```javascript
console.log(friends.length); // 3
```

 نسخ المصفوفة

هناك عدة طرق لنسخ المصفوفات في JavaScript. سنستعرض طريقتين هنا:

الطريقة الأولى: استخدام الانتشار (Spread Operator)

```javascript
var friends_copied = [...friends];
console.log(friends_copied); // ['Ahmed', 'Mahmoud', 'Yousef']
friends_copied[0] = 'Nabil';
console.log(friends); // ['Ahmed', 'Mahmoud', 'Yousef']
console.log(friends_copied); // ['Nabil', 'Mahmoud', 'Yousef']
```

 الطريقة الثانية: استخدام `concat`

```javascript
var friends_copied_2 = [].concat(friends);
console.log(friends_copied_2); // ['Ahmed', 'Mahmoud', 'Yousef']
```

بينما يوضح المثال التطبيقي الكامل

```javascript
var friends = [];
console.log(friends); // []

friends = ['Ahmed', ' And ', 'Mahmoud', 'Mohammed'];
console.log(friends[0]); // Ahmed
console.log(friends[1]); // And
console.log(friends[3]); // Mohammed

console.log(friends.length); // 4

friends[3] = 'Yousef';
console.log(friends); // ['Ahmed', ' And ', 'Mahmoud', 'Yousef']

var friends_names = friends;
friends_names[1] = 'Yasser';
console.log(friends_names, 'friends_names'); // ['Ahmed', 'Yasser', 'Mahmoud', 'Yousef']
console.log(friends, 'friends'); // ['Ahmed', 'Yasser', 'Mahmoud', 'Yousef']

console.log('------------------------------------------------');

var friends_copied = [1, ...friends, 4, 5];
console.log(friends_copied, 'friends_copied'); // [1, 'Ahmed', 'Yasser', 'Mahmoud', 'Yousef', 4, 5]
friends_copied[0] = 'Nabil';
console.log('friends', friends); // ['Ahmed', 'Yasser', 'Mahmoud', 'Yousef']
console.log('friends_copied', friends_copied); // ['Nabil', 'Ahmed', 'Yasser', 'Mahmoud', 'Yousef', 4, 5]

var friends_copied_2 = [1, 2, 3].concat(friends);
console.log('friends_copied_2', friends_copied_2); // [1, 2, 3, 'Ahmed', 'Yasser', 'Mahmoud', 'Yousef']
```

 خلاصة

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