Array, Search, Join,forEach (الجزء الثاني)

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

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

وصف مختصر:

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

وصف الدرس

 

أساليب الأراي في جافا سكريبت


## قيم الأراي


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

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


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

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

```javascript
var cars = ['Tesla', 'BMW', 'Tesla', 'Merceds', 'TOYOTA', 'GMC', 'Tesla', 'GMC'];

if (Array.isArray(cars)) {
var findTesla = cars.indexOf('Tesla'); // يُعيد موقع أول ظهور لـ 'Tesla'
var findLastTesla = cars.lastIndexOf('Tesla'); // يُعيد موقع آخر ظهور لـ 'Tesla'

if (findTesla >= 0) {
console.log(cars[findTesla]); // يُعيد العنصر في الموقع الأول لـ 'Tesla'
}

if (findLastTesla >= 0) {
document.body.innerHTML = `
السيارات في النظام هي ` + cars.join(' - ') + ` <br/>
وأفضل سيارات صديقة للبيئة هي ` + cars[findLastTesla] + `
`;
console.log(findLastTesla, cars[findLastTesla]);
}
}
```

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


يمكن إضافة وإزالة العناصر من الأراي باستخدام دوال مثل `push`, `unshift`, `pop`, `shift`, و `splice`.

```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