دالة Map

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

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

الصيغة الأساسية:

let newArray = arr.map(function(currentValue, index, array) {
    // إرجاع عنصر لـ newArray
});

إليك مثال بسيط:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => {
	return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

إليك نفس المثال بصيغة أقصر:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

لا تقوم الطريقة map() بتغيير المصفوفة الأصلية. فهي تعيد دائماً مصفوفة جديدة.

التحدي

سهل

أنشئ دالة تسمى formatNames تأخذ مصفوفة من الأسماء (سلاسل نصية) كمعامل. يجب أن تستخدم الدالة طريقة map() لتحويل كل اسم بحيث يكون بنمط حالة العنوان (الحرف الأول من كل كلمة كبير، والباقي صغير). أعد المصفوفة الجديدة للأسماء المنسقة.

ورقة مرجعية

تنشئ طريقة map() مصفوفة جديدة من خلال استدعاء دالة على كل عنصر في المصفوفة الأصلية:

let newArray = arr.map(function(currentValue, index, array) {
    // إرجاع العنصر للمصفوفة newArray
});

مثال باستخدام دالة السهم (arrow function):

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

لا تقوم طريقة map() بتغيير المصفوفة الأصلية وتقوم دائماً بإرجاع مصفوفة جديدة بنفس الطول.

جرّب بنفسك

function formatNames(names) {
    return names.map(name => {
        // اكتب كودك هنا
    })
}

اختبر نفسك

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

جميع دروس Logic & Flow

2المصفوفات متعددة الأبعاد

أساسيات المصفوفات ثنائية الأبعاد الوصول إلى عناصر المصفوفات ثنائية الأبعاد الحلقات المتداخلة مع المصفوفات ثنائية الأبعاد مراجعة - المصفوفات ثنائية الأبعاد جمع وطرح المصفوفات المصفوفات المتعرجة (Jagged Arrays)المصفوفات ثلاثية الأبعاد وما بعدها أنماط المصفوفات ثنائية الأبعاد الشائعة مراجعة - كل شيء عن المصفوفات

5المجموعات - الجزء الأول

ما هي المجموعة؟التكرار عبر المجموعات إضافة عنصر إزالة عنصر التحقق من وجود عنصر الحجم وهل هي فارغة النسخ والمسح ملخص - أساسيات المجموعات

8مواضيع شيقة حول الـ Arrays

تفكيك الـ Array استخدام الـ Spread Syntax في الـ Arrays الـ Sparse Arrays مراجعة - ورشة عمل الـ Arrays

3JSON الجزء الأول

ما هو JSON؟التحقق من وجود المفتاح Object Methods Spread Operator الجزء الأول Spread Operator الجزء الثاني حذف المفاتيح مراجعة - معالجة مفاتيح JSON

6المجموعات - الجزء الثاني

الرياضيات - اتحاد المجموعات الرياضيات - تقاطع المجموعات الرياضيات - الفرق بين المجموعات الرياضيات - الفرق المتناظر المجموعات الجزئية والمجموعات الفائقة مراجعة - مجموعات الأصدقاء

9دوال المصفوفات المتقدمة

دالتا Join و Splitدالة Mapدالة Filter دالة Reduce تسلسل دوال المصفوفات هل ForEach و Map متماثلتان؟دالة Sort دالتا Find و FindIndex مراجعة - محترف التسلسل