JAVASCRIPT Tutorial

map في جافاسكربت

الخطوات العملية:

  1. إنشاء مصفوفة جديدة: تنشئ خريطة ('map') مصفوفة جديدة تحتوي على عناصر محولة من المصفوفة الأصلية.
  2. تطبيق دالة: تأخذ خريطة ('map') دالة متصلة بكل عنصر في المصفوفة الأصلية.
  3. إرجاع قيم محولة: تُرجع الدالة قيمة محولة لكل عنصر، والتي يتم تخزينها في المصفوفة الجديدة.
  4. عدم تعديل المصفوفة الأصلية: لا تؤثر خريطة ('map') على المصفوفة الأصلية.

مفاهيم رئيسية:

  • دالة المتصل: دالة يتم تطبيقها على كل عنصر في المصفوفة.
  • لا يعدل المصفوفة الأصلية: تُنشئ خريطة ('map') مصفوفة جديدة ولا تغير المصفوفة الأصلية.

مثال جافا سكريبت:

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

// مضاعفة كل عنصر في المصفوفة
const doubledNumbers = numbers.map((num) => num * 2);

console.log(doubledNumbers); // [2, 4, 6, 8, 10]
console.log(numbers); // [1, 2, 3, 4, 5] // تُظهر المصفوفة الأصلية دون تغيير

خريطة ('map'):

  • ما هي خريطة ('map')؟ إنها طريقة لإنشاء مصفوفة جديدة عن طريق تطبيق دالة على كل عنصر في مصفوفة أصلية.
  • لماذا تستخدم خريطة ('map')؟ لأنها تتيح لك تحويل أو تعديل عناصر المصفوفة دون تغيير المصفوفة الأصلية.
  • كيف تستخدم خريطة ('map')؟ عن طريق كتابة دالة متصلة (مثل دالة سهم) وتمريرها إلى طريقة خريطة ('map') للمصفوفة.
  • ماذا تفعل دالة المتصل؟ إنها تحدد كيفية تحويل كل عنصر في المصفوفة.
  • ماذا يحدث للمصفوفة الأصلية؟ لا تؤثر خريطة ('map') على المصفوفة الأصلية.

الخطوات المبسطة:

  1. اكتب دالة متصلة.
  2. مرر الدالة المتصلة إلى طريقة خريطة ('map') للمصفوفة.
  3. خريطة ('map') ستنشئ مصفوفة جديدة تحتوي على عناصر محولة.
  4. المصفوفة الأصلية ستظل كما هي.