خرائط جافا سكريبت
تحتوي الخريطة على أزواج مفتاح - قيمة حيث يمكن أن تكون المفاتيح أي نوع بيانات.
تتذكر الخريطة ترتيب الإدراج الأصلي للمفاتيح.
الخريطة لها خاصية تمثل حجم الخريطة.
طرق الخريطة
| طريقة | وصف |
|---|---|
| خريطة جديدة () | يقوم بإنشاء كائن خريطة جديد |
| تعيين() | يضبط قيمة مفتاح في الخريطة |
| احصل على() | يحصل على قيمة مفتاح في الخريطة |
| صافي() | يزيل كل العناصر من الخريطة |
| حذف() | يزيل عنصر الخريطة المحدد بواسطة مفتاح |
| لديه() | يعود صحيحًا في حالة وجود مفتاح في الخريطة |
| لكل () | يستدعي رد اتصال لكل زوج مفتاح / قيمة في الخريطة |
| إدخالات () | إرجاع كائن مكرر مع أزواج [المفتاح ، القيمة] في الخريطة |
| مفاتيح () | إرجاع كائن مكرر بالمفاتيح الموجودة في الخريطة |
| القيم() | إرجاع كائن مكرر للقيم الموجودة في الخريطة |
| ملكية | وصف |
|---|---|
| بحجم | تُرجع عدد عناصر الخريطة |
كيفية إنشاء خريطة
يمكنك إنشاء خريطة JavaScript عن طريق:
- تمرير صفيف ل
new Map() - إنشاء خريطة واستخدامها
Map.set()
خريطة جديدة ()
يمكنك إنشاء خريطة بتمرير مصفوفة للمنشئ new Map():
مثال
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
Map.set ()
يمكنك إضافة عناصر إلى الخريطة 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", 500);
Map.get ()
تحصل get()الطريقة على قيمة المفتاح في الخريطة:
مثال
fruits.get("apples"); // Returns 500
حجم الخريطة
تقوم sizeالخاصية بإرجاع عدد العناصر في الخريطة:
مثال
fruits.size;
Map.delete ()
الطريقة delete()تزيل عنصر الخريطة:
مثال
fruits.delete("apples");
Map.clear ()
الطريقة clear()تزيل كل العناصر من الخريطة:
مثال
fruits.clear();
Map.has ()
يعود has()التابع صحيحًا إذا كان المفتاح موجودًا في الخريطة:
مثال
fruits.has("apples");
جرب هذا:
fruits.delete("apples");
fruits.has("apples");
الخرائط كائنات
typeofإرجاع الكائن:
مثال
// Returns object:
typeof fruits;
instanceofإرجاع الخريطة صحيحًا:
مثال
// Returns true:
fruits instanceof Map;
كائنات جافا سكريبت مقابل الخرائط
الاختلافات بين كائنات JavaScript والخرائط:
| هدف | خريطة | |
|---|---|---|
| متوقعة | غير قابل للتكرار مباشرة | قابل للتكرار مباشرة |
| بحجم | لا تملك خاصية الحجم | لها خاصية الحجم |
| أنواع المفاتيح | يجب أن تكون المفاتيح عبارة عن سلاسل (أو رموز) | يمكن أن تكون المفاتيح أي نوع بيانات |
| ترتيب المفتاح | المفاتيح ليست مرتبة جيدًا | يتم ترتيب المفاتيح عن طريق الإدراج |
| الافتراضات | مفاتيح افتراضية | ليس لديك مفاتيح افتراضية |
Map.forEach ()
تستدعي forEach()الطريقة رد نداء لكل زوج مفتاح / قيمة في الخريطة:
مثال
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
Map.keys ()
يعيد keys()التابع كائن مكرر بالمفاتيح الموجودة في الخريطة:
مثال
// List all keys
let veggies = "";
for (const x of fruits.keys()) {
veggies += x;
}
Map.values ()
تقوم valuesالطريقة بإرجاع كائن مكرر مع القيم الموجودة في الخريطة:
مثال
// Sum all values
let total = 0;
for (const x of fruits.values()) {
total += x;
}
مداخل الخريطة ()
تقوم entries()الطريقة بإرجاع كائن مكرر مع [المفتاح ، القيم] في الخريطة:
مثال
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
الكائنات كمفاتيح
تعد القدرة على استخدام الكائنات كمفاتيح ميزة مهمة في الخريطة.
مثال
// Create Objects
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
// Create a Map
const fruits = new Map();
// Add new Elements to the Map
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);
تذكر: المفتاح هو كائن (تفاح) ، وليس سلسلة ("تفاح"):
مثال
fruits.get("apples"); // Returns undefined
دعم المتصفح
يتم دعم خرائط JavaScript في جميع المستعرضات ، باستثناء Internet Explorer:
| Chrome | Edge | Firefox | Safari | Opera |