Array, Search, Join,forEach (الجزء الاول )

الدرس: Array, Search, Join,forEach (الجزء الاول )

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

وصف مختصر:

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

وصف الدرس

 

في هذا الدرس سنتعلم كيفية استخدام أساليب الأراي في جافا سكريبت.

 أساليب الأراي


 إضافة للأراي

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

- **push**: تضيف العنصر إلى نهاية الأراي.
- **unshift**: تضيف العنصر إلى بداية الأراي.

```javascript
var friends = [];
friends.push('Ali'); // يضيف 'Ali' إلى نهاية الأراي
friends.unshift('Layla'); // يضيف 'Layla' إلى بداية الأراي
```

 إزالة من الأراي


يمكننا إزالة عناصر من الأراي باستخدام الوظائف التالية:

- **pop**: تزيل آخر عنصر من الأراي.
- **shift**: تزيل أول عنصر من الأراي.
- **splice**: تزيل عناصر باستخدام الفهم التفصيلي لموقعها في الأراي.

```javascript
friends.pop(); // تزيل آخر عنصر من الأراي
friends.shift(); // تزيل أول عنصر من الأراي
friends.splice(1, 1); // تزيل عنصر بفهمه المكان
```

البحث في الأراي


يمكننا البحث في الأراي باستخدام الوظائف التالية:

- **indexOf**: تعيد موقع أول ظهور لعنصر محدد.
- **lastIndexOf**: تعيد موقع آخر ظهور لعنصر محدد.

```javascript
var index = friends.indexOf('Ali'); // يعيد موقع 'Ali' الأول في الأراي
var lastIndex = friends.lastIndexOf('Ahmed'); // يعيد موقع 'Ahmed' الأخير في الأراي
```

 تحويل الأراي إلى نص


يمكننا تحويل الأراي إلى سلسلة نصية باستخدام الوظيفة:

- **join**: تحول الأراي إلى سلسلة نصية مفصولة بنص معين.

```javascript
var cars = ['Tesla', 'BMW', 'Merceds'];
var carsString = cars.join(' - '); // تحول الأراي إلى 'Tesla - BMW - Merceds'
```
 مثال تطبيقي

```javascript
var carsInPark = ['Tesla', 'BMW', 'Tesla', 'Merceds', 'TOYOTA', 'GMC', 'Tesla', 'GMC'];
var countTesla = 0;
var teslaInPark = [];

if (Array.isArray(carsInPark)) {
carsInPark.forEach(function(value, index) {
if (value == 'Tesla') {
countTesla++;
teslaInPark.push(index);
}
});

if (countTesla > 0) {
var numTesla = 1;
teslaInPark.forEach(function(value) {
document.body.innerHTML += `
هناك ${countTesla} سيارات Tesla في الموقف
السيارة Tesla رقم ${numTesla} في موقع رقم ${value} <br/>
`;
numTesla++;
});
}
}
```

هكذا، يمكن للقراء فهم كيفية استخدام أساليب الأراي في جافا سكريبت بشكل واضح ومنظم.

الفيديوهات

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

فيديو الدرس التعليمي Array, Search, Join,forEach (الجزء الاول )

المصادر

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

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

ملحقات ال PDF

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

has been added to the cart. View Cart