forEach Loop في JavaScript: حل واحد للمبتدئين



في هذه المدونة سوف نتعرف على حلقة forEach وكيفية تنفيذها في JavaScript. تغطي المدونة موضوعات مثل المعلمات والعودة والاستخدام.

يوفر العديد من الطرق لتنفيذ الحلقات لاجتياز المصفوفة. سنناقش اليوم حلقة واحدة معينة تحولت بسرعة إلى حلقة مفضلة لدى مطوري لكل حلقة في JavaScript. فيما يلي الموضوعات التي سنبحث فيها:

ما هي الحلقات والصفائف؟

Loop هو المصطلح لعملية تنفيذ مكرر ، أي شيء يتم إجراؤه بشكل متكرر. لذا ، إذا كنت ستقوم بالعد من 1 إلى 10 ، فستنفذ حلقة تتكرر عشر مرات ، وتزيد قيمة العد بمقدار 1.

المصفوفات هي ببساطة مجموعة من الأشياء المتشابهة. من الرائع عمومًا الاحتفاظ بقائمة من الأشياء ، على سبيل المثال ، معلومات الطالب ، والتي يمكن تخزينها ككائن طالب في مصفوفة. طريقة رائعة لاجتياز المصفوفة هي حلقة for ، وهذا بالضبط ما تحسنه حلقة forEach. دعونا نتعرف على المزيد حول حلقة forEach.





forEach في بناء جملة JavaScript

student_names = ['Rob'، 'Van'، 'Dam'] studentNames.forEach ((student) => {// يمكنك أداء الوظيفة التي تريدها هنا print (student)}


القصاصة أعلاه هي صيغة ملف لكل حلقة في . دعونا نلقي نظرة فاحصة على كيفية تنفيذ كل هذا. نعلن أولاً عن مجموعة من أسماء الطلاب ونسميها بشكل مناسب. ثم نستدعي الدالة forEach بامتداد نقطة (.) عامل. يتم تخزين البيانات التي تم إرجاعها بواسطة الوظيفة في الطالب. يتم إرجاع البيانات بواسطة وظيفة رد الاتصال. في هذا المثال ، نقوم ببساطة بطباعة أسماء الطالب التي ستعطي الناتج 'روب فان دام'

تحديد مسار الفصل لجافا

معلمات forEach في JavaScript

يتم تمرير المعلمات في وظيفة رد الاتصال ، وهي-



  • currentValue - القيم الحالية التي يتم تمريرها في رد الاتصال. في القصاصة ، القيمة الحالية هي طالب علم . هذه المعلمة إلزامية.
  • الفهرس - فهرس العنصر الحالي في المصفوفة. هذه معلمة اختيارية.
  • هذا - يشير هذا إلى الكائن الحالي في مكدس الاستدعاءات.

إرجاع قيمة forEach في JavaScript

غير معرف . دائما .

عامل التصفية ، الخريطة إرجاع مصفوفة ، و إرجاع forEach غير محدد. هذا هو الفرق الرئيسي بين هذه الحلقات.



الآن بعد أن تم الانتهاء من الأساسيات ، دعنا نراجع بعض القواعد التي يجب وضعها في الاعتبار عند الاستخدام لكل .

  • forEach ينفذ وظيفة رد الاتصال مرة واحدة لكل عنصر صفيف.
  • دائما يعود غير محدد.
  • لا يغير المصفوفة ، لكن يمكن رد الاتصال إذا تمت برمجته للقيام بذلك.
  • forEach غير قادر على السلسلة مثل الخريطة أو تقليل أو تصفية.
  • نطاق العناصر التي تمت معالجتها بواسطة لكل يتم تعيين loop قبل الاستدعاء الأول لوظيفة رد الاتصال.
  • العناصر الملحقة بالمصفوفة بعد كل بداية لا يتم زيارتها بواسطة الحلقة.
  • لا تتم زيارة العناصر التي تم حذفها قبل زيارتها بواسطة الحلقة.
  • إذا تمت إزالة العناصر التي تمت زيارتها بالفعل من المصفوفة أثناء التكرار ، فسيتم تخطي العناصر اللاحقة.
  • لا يمكن إيقاف كل حلقة بمجرد بدء تشغيلها دون قتل مؤشر ترابط العملية. فكر في الأمر كاشتراك. يجب عليك إلغاء الاشتراك فيه حتى يتوقف.
  • forEach لا ينفذ رد النداء لعناصر المصفوفة بدون قيم.

هذه هي القواعد التي يجب مراعاتها دائمًا عند استخدام لكل حلقة.

الآن بعد أن تعرفت على حلقة forEach ، تحقق من تدريب شهادة تطوير الويب بواسطة Edureka. سيساعدك تدريب شهادة تطوير الويب على تعلم كيفية إنشاء مواقع ويب رائعة باستخدام HTML5 و CSS3 و Twitter Bootstrap 3 و jQuery و Google APIs ونشرها في Amazon Simple Storage Service (S3).

لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات في 'forEach in JavaScript' وسنقوم بالرد عليك.