خرائط جافا سكريبت
تحتوي الخريطة على أزواج مفتاح - قيمة حيث يمكن أن تكون المفاتيح أي نوع بيانات.
تتذكر الخريطة ترتيب الإدراج الأصلي للمفاتيح.
طرق الخريطة الأساسية
| طريقة | وصف |
|---|---|
| خريطة جديدة () | ينشئ خريطة جديدة |
| تعيين() | يضبط قيمة مفتاح في الخريطة |
| احصل على() | يحصل على قيمة مفتاح في الخريطة |
| حذف() | يزيل عنصر الخريطة المحدد بواسطة المفتاح |
| لديه() | يعود صحيحًا في حالة وجود مفتاح في الخريطة |
| لكل () | لاستدعاء وظيفة لكل زوج مفتاح / قيمة في الخريطة |
| إدخالات () | إرجاع مكرر مع أزواج [المفتاح ، القيمة] في الخريطة |
| ملكية | وصف |
| بحجم | ترجع عدد العناصر في الخريطة |
كيفية إنشاء خريطة
يمكنك إنشاء خريطة JavaScript عن طريق:
- تمرير صفيف ل
new Map() - إنشاء خريطة واستخدامها
Map.set()
طريقة الخريطة () الجديدة
يمكنك إنشاء خريطة بتمرير مصفوفة للمنشئ new Map():
مثال
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
الطريقة ()
يمكنك إضافة عناصر إلى الخريطة set()بالطريقة التالية:
مثال
// Create a Map
const fruits = new Map();
// Set Map Values
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
يمكن set()أيضًا استخدام الطريقة لتغيير قيم الخريطة الحالية:
مثال
fruits.set("apples", 200);
طريقة get ()
تحصل get()الطريقة على قيمة المفتاح في الخريطة:
مثال
fruits.get("apples"); // Returns 500
خاصية الحجم
تقوم sizeالخاصية بإرجاع عدد العناصر في الخريطة:
مثال
fruits.size;
طريقة الحذف ()
الطريقة delete()تزيل عنصر الخريطة:
مثال
fruits.delete("apples");
طريقة has ()
يعود has()التابع صحيحًا إذا كان المفتاح موجودًا في الخريطة:
مثال
fruits.has("apples");
جرب هذا:
fruits.delete("apples");
fruits.has("apples");
كائنات جافا سكريبت مقابل الخرائط
الاختلافات بين كائنات JavaScript والخرائط:
| هدف | خريطة | |
|---|---|---|
| متوقعة | غير قابل للتكرار مباشرة | قابل للتكرار مباشرة |
| بحجم | لا تملك خاصية الحجم | لها خاصية الحجم |
| أنواع المفاتيح | يجب أن تكون المفاتيح عبارة عن سلاسل (أو رموز) | يمكن أن تكون المفاتيح أي نوع بيانات |
| ترتيب المفتاح | المفاتيح ليست مرتبة جيدًا | يتم ترتيب المفاتيح عن طريق الإدراج |
| الافتراضات | مفاتيح افتراضية | ليس لديك مفاتيح افتراضية |
طريقة forEach ()
تستدعي forEach()الطريقة وظيفة لكل زوج مفتاح / قيمة في الخريطة:
مثال
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
المدخلات () الطريقة
تقوم entries()الطريقة بإرجاع كائن مكرر مع [المفتاح ، القيم] في الخريطة:
مثال
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
دعم المتصفح
يتم دعم خرائط JavaScript في جميع المستعرضات ، باستثناء Internet Explorer:
| Chrome | Edge | Firefox | Safari | Opera |