هل ForEach و Map متماثلتان؟

جزء من قسم Logic & Flow في رحلة JavaScript على Coddy — الدرس 56 من 65.

بينما يعد كل من forEach() و map() من طرق المصفوفات المستخدمة للتكرار، إلا أنهما يخدمان أغراضاً مختلفة ولهما سلوكيات متميزة:

forEach():

ينفذ دالة مقدمة مرة واحدة لكل عنصر من عناصر المصفوفة.
لا ينشئ مصفوفة جديدة.

يعيد undefined.
لا يمكن ربطه بطرق المصفوفات الأخرى.

map():

تنشئ مصفوفة جديدة تحتوي على نتائج استدعاء دالة معينة على كل عنصر في المصفوفة.
تعيد مصفوفة جديدة بنفس طول المصفوفة الأصلية.
يمكن ربطها مع دوال المصفوفات الأخرى.

مثال:

const numbers = [1, 2, 3, 4];

// forEach
numbers.forEach(num => console.log(num * 2));
// المخرجات: 2, 4, 6, 8
// القيمة المرجعة: undefined

// map
const doubled = numbers.map(num => num * 2);
console.log(doubled);
// المخرجات: [2, 4, 6, 8]
// تعيد: مصفوفة جديدة [2, 4, 6, 8]

استخدم forEach() عندما تريد إجراء عملية على كل عنصر دون إنشاء مصفوفة جديدة. استخدم map() عندما تريد تحويل كل عنصر وإنشاء مصفوفة جديدة بالنتائج.

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

ورقة مرجعية

بينما تُعد كل من forEach() و map() من طرق المصفوفات (array methods) المستخدمة للتكرار، إلا أنهما تخدمان أغراضاً مختلفة:

forEach():

تنفذ دالة مرة واحدة لكل عنصر من عناصر المصفوفة
لا تنشئ مصفوفة جديدة
تُرجع undefined
لا يمكن ربطها بطرق مصفوفة أخرى

map():

تنشئ مصفوفة جديدة تحتوي على نتائج استدعاء دالة على كل عنصر
تُرجع مصفوفة جديدة بنفس طول المصفوفة الأصلية
يمكن ربطها بطرق مصفوفة أخرى

const numbers = [1, 2, 3, 4];

// forEach - تنفذ عملية، وتُرجع undefined
numbers.forEach(num => console.log(num * 2));

// map - يحول العناصر، ويُرجع مصفوفة جديدة
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

استخدم forEach() للعمليات التي لا تتطلب إنشاء مصفوفة جديدة. واستخدم map() لتحويل العناصر وإنشاء مصفوفة جديدة.

جرّب بنفسك

لا يتضمّن هذا الدرس تحدّيًا برمجيًا.

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.