Array, Add, Remove, Control ( الجزء الثالث )

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

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

وصف الدرس

في هذا الدرس سنتعلم بعض أساليب العمل على الأرقام في جافا سكريبت، باستخدام أساليب مختلفة:

أولاً، سنبدأ بإنشاء مصفوفة وإضافة عناصر إليها:


نبدأ بإنشاء مصفوفة فارغة، حيث نقوم بإضافة عنصر إليها باستخدام push و unshift.

```javascript
var friends = [];
friends[0] = 'Ali'; // إضافة عنصر إلى الموضع الأول باستخدام الفهرس 0

// إضافة عنصر باستخدام splice
friends.splice(friends.length, 0, 'Splice item');

// إضافة عنصر إلى البداية باستخدام unshift
friends.unshift('Layla');

// إضافة عناصر إلى نهاية المصفوفة باستخدام push
friends.push('Lobna');
friends.push('1');
friends.push('2');
friends.push('3');

console.log( friends ); // ['Layla', 'Ali', 'Splice item', 'Lobna', '1', '2', '3']
```

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

```javascript
// إزالة عنصر باستخدام splice
friends.splice(1, 1 ); // إزالة عنصر من الموضع 1

console.log( friends ); // ['Layla', 'Splice item', 'Lobna', '1', '2', '3']

// إزالة آخر عنصر باستخدام pop
friends.pop(); // إزالة العنصر الأخير

console.log( friends ); // ['Layla', 'Splice item', 'Lobna', '1', '2']

// إزالة أول عنصر باستخدام shift
friends.shift(); // إزالة العنصر الأول

console.log( friends ); // ['Splice item', 'Lobna', '1', '2']
```

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

```javascript
// نسخ المصفوفة والتعامل مع العناصر
var friends_copied = [1, ...friends, 4, 5]; // نسخ المصفوفة وإضافة عناصر جديدة
console.log(friends_copied); // [1, 'Splice item', 'Lobna', '1', '2', 4, 5]

// إضافة عناصر إلى المصفوفة بشكل مباشر
friends[friends.length-1] = 'Last Index'; // إضافة عنصر إلى الفهرس الأخير

console.log(friends); // ['Splice item', 'Lobna', '1', '2', 'Last Index']

// إضافة عناصر إلى المصفوفة باستخدام splice
friends.splice(friends.length, 0, '11', [
'friend 1 from splice',
'friend 2 from splice',
]);

console.log( friends ); // ['Splice item', 'Lobna', '1', '2', 'Last Index', '11', ['friend 1 from splice', 'friend 2 from splice']]
```

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

الفيديوهات

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

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

المصادر

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

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

ملحقات ال PDF

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

has been added to the cart. View Cart