Array, Add, Remove, Control (الجزء الرابع)

الدرس: Array, Add, Remove, Control (الجزء الرابع)

المدة: 5 دقائق

وصف مختصر:

في هذا الدرس، سنتعلم كيفية استخدام بعض أساليب المصفوفات في لغة JavaScript لإضافة وإزالة العناصر. سنستخدم أساليب مثل `push`، `unshift` لإضافة عناصر...

وصف الدرس

في هذا الدرس، سنتعلم كيفية استخدام بعض أساليب المصفوفات في لغة JavaScript لإضافة وإزالة العناصر. سنستخدم أساليب مثل `push`، `unshift` لإضافة عناصر إلى المصفوفة، وأساليب مثل `splice`، `pop`، `shift`، `slice` لإزالة العناصر من المصفوفة.

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


أولاً، لنتعلم كيفية إضافة عناصر إلى المصفوفة باستخدام أساليب مختلفة:

1. **push**: بينما يُستخدم لإضافة عنصر إلى نهاية المصفوفة.
```javascript
var friends = [];
friends.push('Lobna');
friends.push('1', '2', '3');
console.log(friends); // ['Lobna', '1', '2', '3']
```

2. **unshift**: سوف يستخدم لإضافة عنصر إلى بداية المصفوفة.
```javascript
friends.unshift('Layla');
console.log(friends); // ['Layla', 'Lobna', '1', '2', '3']
```

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


الآن، سوف نتعلم كيفية إزالة العناصر من المصفوفة باستخدام أساليب `splice`، `pop`، `shift`، `slice`:

1. **splice**: يستخدم لإزالة عناصر من المصفوفة بناءً على المؤشر والكمية.
```javascript
friends.splice(1, 1); // يزيل عنصرًا واحدًا ابتداءً من المؤشر 1
console.log(friends); // ['Layla', '1', '2', '3']
```

2. **pop**: يُستخدم لإزالة العنصر الأخير من المصفوفة.
```javascript
friends.pop(); // يزيل العنصر الأخير ('3')
console.log(friends); // ['Layla', '1', '2']
```

3. **shift**: يُستخدم لإزالة العنصر الأول من المصفوفة.
```javascript
friends.shift(); // يزيل العنصر الأول ('Layla')
console.log(friends); // ['1', '2']
```

4. **slice**: يُستخدم لاستخراج جزء من المصفوفة بناءً على المؤشرين المعطاة.
```javascript
var slicedFriends = friends.slice(0, 2); // يستخرج العناصر من المؤشر 0 إلى 2
console.log(slicedFriends); // ['1', '2']
```

خلاصة


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

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

الفيديوهات

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات

فيديو الدرس التعليمي Array, Add, Remove, Control (الجزء الرابع)

المصادر

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر

الأوامر البرمجية المستخدمة

ملحقات ال PDF

الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

has been added to the cart. View Cart