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

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

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

وصف مختصر:

في هذا الدرس، سنتناول كيفية استخدام الدوال المدمجة في جافاسكريبت لإدارة المصفوفات. هذه الدوال توفر طرقًا فعّالة لإضافة، إزالة، وتعديل عناصر المصفوفة...

وصف الدرس

في هذا الدرس، سنتناول كيفية استخدام الدوال المدمجة في جافاسكريبت لإدارة المصفوفات. هذه الدوال توفر طرقًا فعّالة لإضافة، إزالة، وتعديل عناصر المصفوفة بمرونة وسهولة. سنتعرف على دوال مثل `push`، `unshift`، `splice`، و`slice`.

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


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

```javascript
var friends = [];
friends[0] = 'Ali';

// استخدام 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);
```

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


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

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

console.log(friends);

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

console.log(friends);

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

console.log(friends);

// استخدام slice للحصول على جزء من المصفوفة
var friends = friends.slice(0, 2);

console.log(friends);
```

 إضافة عناصر متعددة باستخدام splice


يمكن استخدام `splice` ليس فقط لإزالة عناصر ولكن أيضًا لإضافة عناصر متعددة في أي موضع في المصفوفة.

```javascript
var friends = [];
friends[0] = 'Ali';
// لم يتم تعريف friends[1]
friends[3] = 'Ahmed';

// استخدام push لإضافة عناصر
friends.push('Adel');
friends.push('Ali');
friends.push('Ahmed');

console.log(friends.length); // 7
console.log(friends[friends.length-1]); // 7

// تعديل آخر عنصر
friends[friends.length-1] = 'Last Index';

console.log(friends);

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

console.log(friends);
console.log(friends[friends.length-1]);
```

الخلاصة


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

الفيديوهات

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

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

المصادر

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

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

ملحقات ال PDF

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

has been added to the cart. View Cart