هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: Array, Search, Join,forEach (الجزء الرابع )
المدة: 5 دقائق
وصف مختصر:
استخدام أساليب المصفوفة في جافا سكريبت في هذا الدرس، سنتعلم كيفية استخدام أساليب المصفوفة في جافا سكريبت مثل `forEach`، `indexOf`، و `lastIndexOf`،...
وصف الدرس
استخدام أساليب المصفوفة في جافا سكريبت
في هذا الدرس، سنتعلم كيفية استخدام أساليب المصفوفة في جافا سكريبت مثل `forEach`، `indexOf`، و `lastIndexOf`، بالإضافة إلى طرق أخرى مثل `join`.
هكذا سنستخدم أمثلة عملية لفهم كيفية عمل كل منها.
العدّ والعثور على مواقع العناصر في المصفوفة
مثلا لدينا مصفوفة تحتوي على أسماء سيارات، ونريد عدّ عدد المرات التي تظهر فيها سيارة "Tesla" في المصفوفة، وأيضًا العثور على المواقع التي تظهر فيها.
```javascript
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 += `
عدد سيارات Tesla هو ` + countTesla + `
السيارة Tesla رقم ` + numTesla + ` في المكان رقم ` + value + ` <br/>
`;
numTesla++;
```
البحث في المصفوفة
هكذا يمكن استخدام الأساليب `indexOf` و `lastIndexOf` للبحث عن عناصر معينة في المصفوفة.
بالتالي يعطينا أول موقع للعنصر، ثم يعطينا آخر موقع للعنصر.
```javascript
var cars = ['Tesla', 'BMW', 'Tesla', 'Mercedes', 'TOYOTA', 'GMC', 'Tesla', 'GMC'];
if (Array.isArray(cars)) {
var findTesla = cars.indexOf('Tesla'); // البحث من بداية المصفوفة
var findLastTesla = cars.lastIndexOf('Tesla'); // البحث من نهاية المصفوفة
console.log(findTesla); // طباعة أول موقع للعنصر
if (findTesla >= 0) {
console.log(cars[findTesla]); // طباعة العنصر في أول موقع
}
if (findLastTesla >= 0) {
document.body.innerHTML = `
السيارات في نظامنا هي ` + cars.join(' - ') + ` <br/>
والسيارة الأكثر صداقة للبيئة هي ` + cars[findLastTesla] + `
`;
console.log(findLastTesla, cars[findLastTesla]); // طباعة آخر موقع للعنصر والعنصر نفسه
```
ملخص الأساليب المستخدمة
-`Array.isArray(cars)`: مما يتحقق مما إذا كانت المتغير مصفوفة.
- `cars.forEach(callback)`: ينفذ دالة معينة لكل عنصر في المصفوفة.
- `cars.indexOf(value)`: يعيد أول موقع للعنصر في المصفوفة أو `-1` إذا لم يكن موجودًا.
-`cars.lastIndexOf(value)`: هكذا يعيد آخر موقع للعنصر في المصفوفة أو `-1` إذا لم يكن موجودًا.
- `cars.join(separator)`: بينما يحول المصفوفة إلى سلسلة نصية باستخدام فاصل محدد.
اخيرا ، نكون قد استعرضنا كيفية استخدام بعض أساليب المصفوفة الأساسية في جافا سكريبت مع أمثلة عملية. بالتالي يمكّنك من تطبيق هذه الأساليب في مشاريعك الخاصة.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي Array, Search, Join,forEach (الجزء الرابع )
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript