هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: Array Basics (الجزء الثالث )
المدة: 5 دقائق
وصف مختصر:
في هذا الدرس سنتناول كيفية التعامل مع المصفوفات في جافاسكريبت. بينما تعتبر المصفوفات من أهم الهياكل البياناتية التي تُستخدم في تخزين مجموعة...
وصف الدرس
في هذا الدرس سنتناول كيفية التعامل مع المصفوفات في جافاسكريبت. بينما تعتبر المصفوفات من أهم الهياكل البياناتية التي تُستخدم في تخزين مجموعة من العناصر بطريقة منظمة. هكذا نقوم بشرح كيفية إنشاء المصفوفات، التعديل عليها، ونسخها بطرق متعددة.
يمكن إنشاء المصفوفات في جافاسكريبت باستخدام الأقواس المربعة `[]`. في البداية، هكذا يمكن إنشاء مصفوفة فارغة كما يلي:
```javascript
var friends = [];
console.log(friends);
```
بعد إنشاء المصفوفة،كما يمكننا إضافة عناصر إليها. على سبيل المثال، يمكننا إضافة أسماء الأصدقاء كما يلي:
```javascript
friends = ['Ahmed', 'And', 'Mahmoud', 'Mohammed'];
console.log(friends);
```
يمكن الوصول إلى أي عنصر في المصفوفة باستخدام الفهرس (index) الخاص به. يجب الانتباه إلى أن الفهرس يبدأ من الصفر. لنأخذ أمثلة على الوصول إلى عناصر محددة:
```javascript
console.log(friends[0]); // Ahmed
console.log(friends[1]); // And
console.log(friends[3]); // Mohammed
```
يمكن معرفة عدد العناصر الموجودة في المصفوفة باستخدام خاصية `length`:
```javascript
console.log(friends.length); // 4
```
يمكن تعديل أي عنصر في المصفوفة بإعادة تعيين قيمة جديدة له باستخدام الفهرس الخاص به. على سبيل المثال، يمكننا تغيير اسم "Mohammed" إلى "Yousef":
```javascript
friends[3] = 'Yousef';
console.log(friends);
```
هكذا لنسخ المصفوفة، لدينا عدة طرق. الطريقة الأولى هي استخدام الانتشار (spread operator):
```javascript
var friends_copied = [1, ...friends, 4, 5];
console.log(friends_copied, 'friends_copied');
```
لذلك يمكن أيضًا نسخ المصفوفة باستخدام دالة `concat`:
```javascript
var friends_copied_2 = [1, 2, 3];
friends_copied_2 = friends_copied_2.concat(friends);
console.log('friends_copied_2', friends_copied_2);
```
في النهاية نكون قد تناولنا كيفية التعامل مع المصفوفات في جافاسكريبت، من إنشاءها وإضافة العناصر إليها، إلى تعديلها ونسخها. كما تعتبر المصفوفات من الهياكل الأساسية التي يجب على كل مبرمج معرفتها لفهم كيفية التعامل مع البيانات بشكل فعال.
إنشاء المصفوفات
يمكن إنشاء المصفوفات في جافاسكريبت باستخدام الأقواس المربعة `[]`. في البداية، هكذا يمكن إنشاء مصفوفة فارغة كما يلي:
```javascript
var friends = [];
console.log(friends);
```
إضافة عناصر إلى المصفوفة
بعد إنشاء المصفوفة،كما يمكننا إضافة عناصر إليها. على سبيل المثال، يمكننا إضافة أسماء الأصدقاء كما يلي:
```javascript
friends = ['Ahmed', 'And', 'Mahmoud', 'Mohammed'];
console.log(friends);
```
الوصول إلى عناصر المصفوفة
يمكن الوصول إلى أي عنصر في المصفوفة باستخدام الفهرس (index) الخاص به. يجب الانتباه إلى أن الفهرس يبدأ من الصفر. لنأخذ أمثلة على الوصول إلى عناصر محددة:
```javascript
console.log(friends[0]); // Ahmed
console.log(friends[1]); // And
console.log(friends[3]); // Mohammed
```
معرفة طول المصفوفة
يمكن معرفة عدد العناصر الموجودة في المصفوفة باستخدام خاصية `length`:
```javascript
console.log(friends.length); // 4
```
تعديل عناصر المصفوفة
يمكن تعديل أي عنصر في المصفوفة بإعادة تعيين قيمة جديدة له باستخدام الفهرس الخاص به. على سبيل المثال، يمكننا تغيير اسم "Mohammed" إلى "Yousef":
```javascript
friends[3] = 'Yousef';
console.log(friends);
```
نسخ المصفوفات
هكذا لنسخ المصفوفة، لدينا عدة طرق. الطريقة الأولى هي استخدام الانتشار (spread operator):
```javascript
var friends_copied = [1, ...friends, 4, 5];
console.log(friends_copied, 'friends_copied');
```
نسخ المصفوفة باستخدام `concat`
لذلك يمكن أيضًا نسخ المصفوفة باستخدام دالة `concat`:
```javascript
var friends_copied_2 = [1, 2, 3];
friends_copied_2 = friends_copied_2.concat(friends);
console.log('friends_copied_2', friends_copied_2);
```
الخلاصة
في النهاية نكون قد تناولنا كيفية التعامل مع المصفوفات في جافاسكريبت، من إنشاءها وإضافة العناصر إليها، إلى تعديلها ونسخها. كما تعتبر المصفوفات من الهياكل الأساسية التي يجب على كل مبرمج معرفتها لفهم كيفية التعامل مع البيانات بشكل فعال.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي Array Basics (الجزء الثالث )
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript