هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: الحلقات التكرارية مع المصفوفات ForEach (الجزء الثاني )
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
دالة `forEach` في JavaScript: استخدامها لتكرار العناصر في مصفوفة
في لغة JavaScript، تُعد دالة `forEach` أداة قوية لتكرار عناصر مصفوفة وتنفيذ عمليات على كل عنصر منها بسهولة وفعالية. سنتعرف في هذا الشرح على كيفية استخدام هذه الدالة مع أمثلة توضيحية.
كيف تعمل دالة `forEach`؟
عند استخدام دالة `forEach`، يتم تمرير وظيفة callback كمعامل واحد إليها. هذه الوظيفة تُنفذ لكل عنصر في المصفوفة، مما يسهل عليك تطبيق العمليات على كل عنصر دون الحاجة إلى حلقة تكرار تقليدية.
مثال عملي على استخدام دالة `forEach`
فلنفترض أن لدينا مصفوفة `students` تحتوي على بيانات الطلاب كما يلي:
var students = [ { name: "Ahmed", grade: "40", gradePercentage: "50", status: "passed" }, { name: "Mohammed", grade: "30", gradePercentage: "37.5", status: "N/P" }, { name: "Basel", grade: "60", gradePercentage: "75", status: "passed" }, { name: "Nader", grade: "20", gradePercentage: "25", status: "N/P" }, { name: "Mahmoud", grade: "70", gradePercentage: "87.5", status: "passed" }, { name: "Wael", grade: "80", gradePercentage: "100", status: "passed" }, { name: "Belal", grade: "50", gradePercentage: "62.5", status: "passed" } ]; //
استخدام دالة forEach لطباعة معلومات كل طالب students.forEach(function(student, index) { console.log("الطالب رقم " + (index + 1)); console.log("- الاسم: " + student.name); console.log("- الدرجة: " + student.grade); console.log("- نسبة النجاح: " + student.gradePercentage); console.log("- الحالة: " + student.status); console.log("----------------------------");
مميزات استخدام دالة `forEach`
- تسهل `forEach` عملية تطبيق العمليات على كل عنصر في المصفوفة دون الحاجة إلى كتابة حلقات تكرار متعددة.
- بفضل بنية `forEach` البسيطة، يمكن تقليل خطأ البرمجة المحتمل.
- يمكن استخدام `forEach` لأغراض متنوعة مثل الطباعة، التحليل، أو حتى التعديل على العناصر بناءً على احتياجاتك.
الخلاصة
يمكنك بناء شرحٍ منطقي ومتسلسل يوضح كيفية استخدام دالة `forEach` بشكل واضح ومفهوم لقراء مدونتك.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي الحلقات التكرارية مع المصفوفات ForEach (الجزء الثاني )
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
هذا الدرس من الدورة التدريبية
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
- 1147 دقيقة من الفيديوهات التفاعلية الحصرية
- 60 مصدر إضافي
- 15 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
تعلم لغة جافاسكربت JavaScript لبرمجة التطبيقات وتطوير صفحات الويب التفاعلية
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
دورات تدريبية أخرى في برمجة
دبلوم بناء مواقع الإنترنت للمبتدئين تعلم من الصفر HTML وCSS وJavaScript
ابدأ رحلتك في تطوير مواقع الإنترنت مع دبلوم شامل للمبتدئين. تعلم HTML وCSS وJavaScript من الصفر واكتسب المهارات الأساسية لبناء مواقع احترافية. دورة مصممة لتدعمك في كل خطوة على الطريق.
دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
تعلم كيفية استخدام CSS لتصميم صفحات ويب مميزة ومرنة. ستكتسب مهارات التحكم بالألوان، الأحجام، الخطوط، والمسافات لإنشاء تصاميم متجاوبة وجذابة، مما يجعل مواقعك متوافقة مع مختلف الشاشات والأجهزة
مقالات ذات صلة
تعلم البرمجة وتطوير صفحات الويب Javascript
برنامج تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript يعد برنامج “تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript” خيارًا مثاليًا لكل من يرغب...
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل يعد التحكم في صفحة الويب باستخدام JavaScript من الجوانب الأساسية التي تمكن المطورين من...
