Menu
CoddyTech

طريقة Map

جزء من قسم المنطق وتدفق التنفيذ في رحلة 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() المصفوفة الأصلية. وهي تُرجع دائمًا مصفوفة جديدة.

challenge icon

التحدي

سهل

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

جرّب بنفسك

function formatNames(names) {
    return names.map(name => {
        // اكتب الكود الخاص بك هنا
    })
}
quiz iconاختبر نفسك

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

جميع دروس المنطق وتدفق التنفيذ

تدرّب بنفسك: مترجم JavaScript عبر الإنترنت