ما الفرق بين forEach و map في جافاسكريبت؟

كلا التابعين يتبعان للصنف Array ويستخدمان للتعامل مع المصفوفات، 

• forEach يستخدم للمرور فقط على عناصر المصفوفة وتنفيذ عملية ما دون التأثير على عناصر المصفوفة، كأن نطبع محتوى المصفوفة إلى console

  [1, 2, 3].forEach(item => console.log(item));
  
  // 123

   

• map يستخدم للمرور على عناصر المصفوفة ومعالجتها وتبديلها، أي عناصر المصفوفة الناتجة مختلفة عن الأصلية، كأن نغير قيمة كل عنصر مثلًا بضربه بعنصر آخر

  [1, 2, 3].map(item => item * 2);
  
  // [2, 4, 6]

   

بتاريخ 1 دقيقة مضت قال Hassan Hedr:

كلا التابعين يتبعان للصنف Array ويستخدمان للتعامل مع المصفوفات، 

• forEach يستخدم للمرور فقط على عناصر المصفوفة وتنفيذ عملية ما دون التأثير على عناصر المصفوفة، كأن نطبع محتوى المصفوفة إلى console

  
  [1, 2, 3].forEach(item => console.log(item));
  
  // 123

   

• map يستخدم للمرور على عناصر المصفوفة ومعالجتها وتبديلها، أي عناصر المصفوفة الناتجة مختلفة عن الأصلية، كأن نغير قيمة كل عنصر مثلًا بضربه بعنصر آخر

  
  [1, 2, 3].map(item => item * 2);
  
  // [2, 4, 6]

   

ممكن تقول كمان مثال علي ال map غير الارقام

بتاريخ الآن قال Mohamed Montaser3:

ممكن تقول كمان مثال علي ال map غير الارقام

أي قيم أخرى يمكن تعديلها مثلًا النصوص كالتالي:

["a", "b", "c"].map(item => item + "1");

// ["a1", "b1", "c1"]

أو الكائنات كالتالي:

[{ age: 20 }, { age: 21 }, { age: 22 }].map(item => {
  item.age +=5;
  return item;
});

// [{ age: 25 }, { age: 26 }, { age: 27 }]