شرح دالة map بشكل مفصل:
map هي دالة تُستخدم مع المصفوفات (arrays)، وظيفتها أن تمرّ على كل عنصر في المصفوفة وتُرجع نسخة جديدة من المصفوفة بعد تعديل أو تحويل كل عنصر.
مثال:
عندك مجموعة أسماء:
const names = ["أحمد", "سارة", "ليلى"];
وتريد أن تضيف أمام كل اسم كلمة "الأستاذ":
const titles = names.map(name => "الأستاذ " + name);
console.log(titles);
النتيجة:
["الأستاذ أحمد", "الأستاذ سارة", "الأستاذ ليلى"]
map مرت على كل اسم، وعدّلته، ثم رجعت مصفوفة جديدة فيها التعديل.
مثال اخر:
لنفترض أنك تريد عرض قائمة مدن:
const cities = ["القاهرة", "الأسكندرية", "الجيزة"];
في React:
<ul>
{cities.map(city => <li>{city}</li>)}
</ul>
النتيجة في الصفحة:
القاهرة
الأسكندرية
الجيزة
لذا استخدامتها تكون في حالات مثل:
إذا عندك مصفوفة وتريد تعديل أو إعادة عرض كل عنصر بشكل جديد وإخراج مصفوفة جديدة يمكنك استخدامها