Map في JavaScript

Map هي مجموعة من الأزواج المفتاح-القيمة، حيث يمكن أن يكون المفتاح أي نوع من البيانات.

سيتم تذكر Map ترتيب إدراج المفاتيح الأصلية.

كيفية إنشاء Map

يمكن إنشاء JavaScript Map بالطريقة التالية:

  1. من خلال نقل array إلى new Map()
  2. إنشاء Map واستخدام Map.set()

طريقة new Map()

من خلال نقل array إلى new Map() يستخدم هذا الطريقة لإنشاء Map:

المثال

// إنشاء Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
);

تجربة شخصية

طريقة set()

يمكن استخدام set() يستخدم هذا الطريقة لإضافة عناصر إلى Map:

المثال

// إنشاء Map
const fruits = new Map();
// تعيين قيمة Map
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

تجربة شخصية

set() يمكن استخدام الطريقة أيضًا لتغيير القيمة الحالية في Map:

المثال

fruits.set("apples", 200);

تجربة شخصية

طريقة get()

get() يستخدم هذا الطريقة للحصول على قيمة المفتاح في Map:

المثال

fruits.get("apples");    // يعود إلى 500

تجربة شخصية

Map هي كائن

typeof يعود إلى object:

المثال

// يعود إلى object:
typeof fruits;

تجربة شخصية

instanceof Map يعود إلى true:

المثال

// يعود إلى true:
fruits instanceof Map;

تجربة شخصية

الفرق بين كائنات JavaScript و Map:

هذا هو الفرق بين كائنات JavaScript و Map:

عنصر Map
لا يمكن تكرارها مباشرة يمكن تكرارها مباشرة
لا يوجد خاصية size يوجد خاصية size
المفاتيح يجب أن تكون نصية أو Symbol المفاتيح يمكن أن تكون من أي نوع بيانات
ترتيب المفاتيح غير واضح المفاتيح مرتبة حسب ترتيب الإدراج
هناك مفتاح افتراضي ليس هناك مفتاح افتراضي

دليل مرجع Map الكامل

للحصول على مرجع كامل، يرجى زيارة:دليل مرجع JavaScript Map

هذا الدليل يحتوي على وصف جميع خصائص Map وطرقها ومثال

دعم المتصفحات

Map هو خصائص ES6(JavaScript 2015)。

من يونيو 2017، جميع المتصفحات الحديثة تدعم ES6:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
مايو 2016 أبريل 2017 يونيو 2017 سبتمبر 2016 يونيو 2016

Internet Explorer لا يدعم Map.