هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: Array, Add, Remove, Control (الجزء الثاني )
المدة: 5 دقائق
وصف الدرس
في هذا الدرس، سنتعلم كيفية استخدام بعض دوال المصفوفات في جافاسكريبت لإضافة وإزالة العناصر من المصفوفة بطرق مختلفة.
كما سنتناول دوال مثل `push`، `unshift`، `splice`، `pop`، `shift`، و`slice`، وسنركز على كل منها بالتفصيل.
هكذا يمكن إضافة عناصر إلى المصفوفة، يمكن استخدام دوال مثل `push` و `unshift`.
```javascript
var friends = [];
friends[0] = 'Ali';
// إضافة عنصر إلى نهاية المصفوفة باستخدام push
friends.push('Lobna');
friends.push('1');
friends.push('2');
friends.push('3');
// إضافة عنصر إلى بداية المصفوفة باستخدام unshift
friends.unshift('Layla');
console.log(friends); // ['Layla', 'Ali', 'Lobna', '1', '2', '3']
```
كما يمكن إزالة عناصر من المصفوفة، باستخدام دوال مثل `pop` و `shift` لإزالة العناصر من نهاية وبداية المصفوفة على التوالي
بينما يمكن استخدام `splice` لإزالة عنصر من موضع محدد.
```javascript
// إزالة العنصر من بداية المصفوفة باستخدام shift
friends.shift();
console.log(friends); // ['Ali', 'Lobna', '1', '2', '3']
// إزالة العنصر من نهاية المصفوفة باستخدام pop
friends.pop();
console.log(friends); // ['Ali', 'Lobna', '1', '2']
// إزالة عنصر من موضع محدد باستخدام splice
friends.splice(1, 1); // يزيل عنصرًا واحدًا من الموضع 1
console.log(friends); // ['Ali', '1', '2']
```
لذلك نستخدام `slice` لاسترجاع جزء من المصفوفة بناءً على المؤشرات المحددة.
مما يسهل التعامل مع البيانات بشكل دقيق.
```javascript
var slicedFriends = friends.slice(0, 2); // لذلك يرجع العناصر من المؤشر 0 إلى 2 دون تضمين العنصر الثاني
console.log(slicedFriends); // ['Ali', '1']
```
باستخدام هذه الدوال، يصبح إدارة المصفوفات في جافاسكريبت أكثر فعالية وسهولة.
يمكن استخدام هذه الدوال لتنظيم البيانات، وتعديلها، وإدارتها بشكل مرن وفعال، هكذا يساعد على كتابة رمز أكثر نظافة وصيانة.
كما يمكن استكمال الفهم الجيد في جافاسكريبت من خلال التعامل مع الدوال الأخرى، وهو ما سنتعلمه في الدروس القادمة
كما سنتناول دوال مثل `push`، `unshift`، `splice`، `pop`، `shift`، و`slice`، وسنركز على كل منها بالتفصيل.
إضافة عناصر إلى المصفوفة
هكذا يمكن إضافة عناصر إلى المصفوفة، يمكن استخدام دوال مثل `push` و `unshift`.
```javascript
var friends = [];
friends[0] = 'Ali';
// إضافة عنصر إلى نهاية المصفوفة باستخدام push
friends.push('Lobna');
friends.push('1');
friends.push('2');
friends.push('3');
// إضافة عنصر إلى بداية المصفوفة باستخدام unshift
friends.unshift('Layla');
console.log(friends); // ['Layla', 'Ali', 'Lobna', '1', '2', '3']
```
إزالة عناصر من المصفوفة
كما يمكن إزالة عناصر من المصفوفة، باستخدام دوال مثل `pop` و `shift` لإزالة العناصر من نهاية وبداية المصفوفة على التوالي
بينما يمكن استخدام `splice` لإزالة عنصر من موضع محدد.
```javascript
// إزالة العنصر من بداية المصفوفة باستخدام shift
friends.shift();
console.log(friends); // ['Ali', 'Lobna', '1', '2', '3']
// إزالة العنصر من نهاية المصفوفة باستخدام pop
friends.pop();
console.log(friends); // ['Ali', 'Lobna', '1', '2']
// إزالة عنصر من موضع محدد باستخدام splice
friends.splice(1, 1); // يزيل عنصرًا واحدًا من الموضع 1
console.log(friends); // ['Ali', '1', '2']
```
استخدام `slice` لاسترجاع جزء من المصفوفة
لذلك نستخدام `slice` لاسترجاع جزء من المصفوفة بناءً على المؤشرات المحددة.
مما يسهل التعامل مع البيانات بشكل دقيق.
```javascript
var slicedFriends = friends.slice(0, 2); // لذلك يرجع العناصر من المؤشر 0 إلى 2 دون تضمين العنصر الثاني
console.log(slicedFriends); // ['Ali', '1']
```
الخاتمة
باستخدام هذه الدوال، يصبح إدارة المصفوفات في جافاسكريبت أكثر فعالية وسهولة.
يمكن استخدام هذه الدوال لتنظيم البيانات، وتعديلها، وإدارتها بشكل مرن وفعال، هكذا يساعد على كتابة رمز أكثر نظافة وصيانة.
استخدام الدوال الأخرى
كما يمكن استكمال الفهم الجيد في جافاسكريبت من خلال التعامل مع الدوال الأخرى، وهو ما سنتعلمه في الدروس القادمة
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي Array, Add, Remove, Control (الجزء الثاني )
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript