طريقة 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() المصفوفة الأصلية. وهي تُرجع دائمًا مصفوفة جديدة.
التحدي
سهلأنشئ دالة باسم formatNames تأخذ مصفوفة من الأسماء (سلاسل نصية) كوسيط. ينبغي أن تستخدم الدالة الطريقة map() لتحويل كل اسم إلى صيغة العنوان (كتابة الحرف الأول من كل كلمة بحرف كبير وبقية الأحرف بحروف صغيرة). أعد المصفوفة الجديدة التي تحتوي على الأسماء المنسّقة.
جرّب بنفسك
function formatNames(names) {
return names.map(name => {
// اكتب الكود الخاص بك هنا
})
}
يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس المنطق وتدفق التنفيذ
1السلاسل النصية بالتفصيل
أساسيات السلاسل النصيةالتكرار على السلاسل النصيةالقوالب النصيةدوال السلاسل النصيةمراجعة - ناسج السلاسل النصية2المصفوفات متعددة الأبعاد
أساسيات المصفوفات ثنائية الأبعادالوصول إلى عناصر المصفوفة ثنائية الأبعادالحلقات المتداخلة مع المصفوفات ثنائية الأبعادمراجعة: المصفوفات ثنائية الأبعادجمع المصفوفات وطرحهاالمصفوفات متعرجة الأبعادالمصفوفات ثلاثية الأبعاد وما بعدهاأنماط شائعة للمصفوفات ثنائية الأبعادمراجعة: كل ما يتعلق بالمصفوفات5المجموعات - الجزء الأول
ما هي المجموعة؟التكرار على عناصر المجموعةإضافة عنصرإزالة عنصرالتحقق من وجود عنصرالحجم والتحقق من الفراغالنسخ والمسحمراجعة - أساسيات المجموعات8موضوعات شيقة حول المصفوفات
تفكيك المصفوفاتصياغة الانتشار في المصفوفاتالمصفوفات المتناثرةمراجعة - ورشة عمل حول المصفوفات3JSON الجزء 1
ما هو JSON؟التحقق من وجود المفتاحطرق الكائنعامل الانتشار الجزء 1عامل الانتشار الجزء 2حذف المفاتيحمراجعة - معالجة المفاتيح في JSONتدرّب بنفسك: مترجم JavaScript عبر الإنترنت