• 0

شرح الدالة foreach في جافاسكربت

حاولت فهم وظيفة الدالة  forEach  في js ولكن لم أفهم هل هي مثلا تمثل عنصر ما أو parameter  ما array 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 1

اذا كنت تفهم وظيفة الدالة for فيمكنك فهم وظيفة foreach لأنهما متقاربتان من بعضهما البعض ولديهما نفس الهدف, وهو القيام بحلقة تكرار على مصفوفة , لنحاول شرحها باستخدام كود, لاحظ الكود التالي

const myArray = ['a', 'b', 'c'];

myArray.forEach(element => console.log(element));

لدينا مصفوفة وتحتوي على ثلاثة عناصر كما تلاحظ, أريد ان أطبع هذه العناصر الثلاثة, يمكننا فعل ذلك عن طريق عمل حلقة تكرار على المصفوفة هذه, يمكننا استخدام for او foreach , استخدمت في هذا الكود foreach, فكرة عملها بسيطة جدا, تقوم الدالة باستقبال عنصر واحد في كل حلقة, هذا العنصر بالتأكيد ينتمي للمصفوفة التي اجريت عليها حلقة التكرار, في البداية تستقبل العنصر الاول, ثم الثاني , وهكذا الى أن تصل للعنصر الأخير, يتم استقبال العنصر وتخزينه في المتغير element, وبالطبع يمكنك تسميته كما تريد فمثلا سوف أسميه data

myArray.forEach(data => console.log(data));

بعد تخزين العنصر في المتغير data نستطيع أن نجري عليه العمليات التي نريد, في المثال قمت بطباعته فقط
 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

forEach تترجم "لكل من" يقوم هذا التابع بالمرور على كل عنصر من عناصر المصفوفة واحدًا تلو الاخر
ويستدعي لك التابع الذي تمرره له مع تمرير العنصر الحالي
مثال توضيحي:

/**
* تابع يطبع القيمة الممرة
*/
function logItem(item) { 
  console.log(item); // هنا سيمرر كل عنصر على حدى
}

// مصفوفة عناصر متنوعة
const array = [1, "a", { name: "abc" }];

// لكل من عناصر المصفوفة نستدعي تابعًا ما
array.forEach(logItem); 

الخرج سيكون كما يلي:

1
"a"
{ name: "abc"}

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن