هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: Array, Search, Join,forEach (الجزء الثالث )
المدة: 2 دقائق
وصف مختصر:
وصف الدرس
أساليب المصفوفات في JavaScript
١. forEach
تُستخدم لتكرار عناصر المصفوفة وتنفيذ دالة لكل عنصر.
```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 +
" والسيارة رقم " + numTesla + " هي في الموقف رقم " + value + "<br/>";
numTesla++;
});
}
}
```
٢. indexOf و lastIndexOf
تُستخدم للبحث عن قيمة داخل المصفوفة، الأولى ترجع أول ظهور للقيمة والثانية ترجع آخر ظهور للقيمة.
```javascript
var cars = ['Tesla', 'BMW', 'Tesla', 'Merceds', 'TOYOTA', 'GMC', 'Tesla', 'GMC'];
if (Array.isArray(cars)) {
var findTesla = cars.indexOf('Tesla'); // البحث من بداية المصفوفة
var findLastTesla = cars.lastIndexOf('Tesla'); // البحث من نهاية المصفوفة
if (findTesla >= 0) {
console.log("أول ظهور لسيارة تسلا: ", cars[findTesla]);
}
if (findLastTesla >= 0) {
document.body.innerHTML +=
"السيارات في نظامنا هي: " + cars.join(' - ') + "<br/>" +
"وأفضل السيارات الصديقة للبيئة هي: " + cars[findLastTesla];
}
}
```
هذا الشرح يشمل استخدام أساليب مختلفة للتعامل مع المصفوفات في JavaScript بطريقة واضحة ومفصلة.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي Array, Search, Join,forEach (الجزء الثالث )
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
هذا الدرس من الدورة التدريبية
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
- 1147 دقيقة من الفيديوهات التفاعلية الحصرية
- 60 مصدر إضافي
- 15 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
تعلم لغة جافاسكربت JavaScript لبرمجة التطبيقات وتطوير صفحات الويب التفاعلية
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
دورات تدريبية أخرى في برمجة
كورس تعلم HTML من الصفر لبناء صفحات ويب
تعلم أساسيات بناء صفحات ومواقع الإنترنت وكل شيء عن المتصفحات وملفات برمجة المواقع HTML
دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
تعلم كيفية استخدام CSS لتصميم صفحات ويب مميزة ومرنة. ستكتسب مهارات التحكم بالألوان، الأحجام، الخطوط، والمسافات لإنشاء تصاميم متجاوبة وجذابة، مما يجعل مواقعك متوافقة مع مختلف الشاشات والأجهزة
مقالات ذات صلة
تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة
تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل يعد التحكم في صفحة الويب باستخدام JavaScript من الجوانب الأساسية التي تمكن المطورين من...
