Map في JavaScript
- الصفحة السابقة طرق JS Set
- الصفحة التالية طرق JS Map
Map هي مجموعة من الأزواج المفتاح-القيمة، حيث يمكن أن يكون المفتاح أي نوع من البيانات.
سيتم تذكر Map ترتيب إدراج المفاتيح الأصلية.
كيفية إنشاء Map
يمكن إنشاء JavaScript Map بالطريقة التالية:
- من خلال نقل array إلى
new Map()
。 - إنشاء 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.
- الصفحة السابقة طرق JS Set
- الصفحة التالية طرق JS Map