هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: الحلقات التكرارية مع الكائنات For of
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
حلقة `for...of` في JavaScript: كيفية استخدامها لتكرار عناصر الأراي
حلقة `for...of` تُستخدم في JavaScript لتكرار عناصر الأرايات والأشياء الأخرى التي تحتوي على خاصية `[Symbol.iterator]()`.
كيف تعمل حلقة `for...of`؟
حلقة `for...of` تقوم بتكرار عناصر الأرايات أو أي كائن آخر قابل للتكرار بالترتيب، وتُسلّم قيمة العنصر الحالي إلى متغير معين.
مثال عملي على استخدام حلقة `for...of`
فلنفترض أن لدينا أرايٍ من الطلاب `students` ونريد بناء قائمة HTML تعرض معلوماتهم:
for (var student of students) {
html_students += '<li>';
if (student.name) {
html_students += '<h3>' + student.name + '</h3>';
delete student.name;
}
html_students += '<ol>';
for (var key in student) {
html_students += '<li>' + key + ': ' + student[key] + '</li>';
}
html_students += '</ol></li>';
}
_ol.innerHTML += html_students;
مميزات استخدام حلقة `for...of`
- يُستخدم `for...of` لتكرار العناصر بشكل مباشر بدون الحاجة إلى استخدام متغير فهرس أو دالة فهرس.
- يمكن استخدام حلقة `for...of` مع العديد من الهياكل البيانية التي تدعم خاصية التكرار، مثل الأرايات وسلاسل الأحرف وغيرها.
- بفضل بنية `for...of`، يمكن تحقيق كود أقل تعقيدًا وسهولة فهم أكبر.
الخلاصة
يمكنك بناء شرحٍ منسق ومتسلسل يوضح كيفية استخدام حلقة `for...of` بشكل واضح ومفهوم لقراء مدونتك.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي الحلقات التكرارية مع الكائنات For of
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
هذا الدرس من الدورة التدريبية
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
- 1147 دقيقة من الفيديوهات التفاعلية الحصرية
- 60 مصدر إضافي
- 15 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
تعلم لغة جافاسكربت JavaScript لبرمجة التطبيقات وتطوير صفحات الويب التفاعلية
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
دورات تدريبية أخرى في برمجة
دبلوم بناء مواقع الإنترنت للمبتدئين تعلم من الصفر HTML وCSS وJavaScript
ابدأ رحلتك في تطوير مواقع الإنترنت مع دبلوم شامل للمبتدئين. تعلم HTML وCSS وJavaScript من الصفر واكتسب المهارات الأساسية لبناء مواقع احترافية. دورة مصممة لتدعمك في كل خطوة على الطريق.
تعلم بناء بزنس رقمي باستخدام أدوات الذكاء الاصطناعي
تعلم بناء بزنس رقمي متكامل بسهولة باستخدام أدوات الذكاء الاصطناعي. اكتسب مهارات تصميم الهوية، إنشاء المواقع والمتاجر الإلكترونية، التسويق الرقمي، وتحليل البيانات.
دبلوم تطوير تطبيقات وشبكات وخوادم الإنترنت Java
دبلوم بناء وتطوير تطبيقات وشبكات الإنترنت شاهد رأي مهندس علوم الحاسب ا. نائل سكر شاهد المزيد من الآراء دبلوم تطوير تطبيقات...
مقالات ذات صلة
لماذا يجب أن تبدأ بتعلم البرمجة وجافاسكربت الآن؟
فوائد تعلم البرمجة وبرنامج جافاسكربت في عالمنا الرقمي المتسارع، أصبحت البرمجة حجر الزاوية الذي تقوم عليه العديد من الابتكارات التقنية التي نشهدها...
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها؟ لغة PHP هي واحدة من أقوى لغات البرمجة المستخدمة في تطوير الصفحات الويب الديناميكية....
استكشاف الأساليب المتقدمة للمصفوفات في جافاسكريبت
المصفوفات (Arrays) في جافاسكريبت: دليل شامل مقدمة المصفوفات هي واحدة من أهم هياكل البيانات الأساسية في جافاسكريبت، حيث تتيح للمطورين تخزين وإدارة...
