انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 100
دورة جافا سكريبت

Object Maps

الان سوف نتعرف علي Map في لغة java script وهي احد انواع البيانات التي نستخدمها لتخزين خلالها مجموعة من العناصر 

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
13
الأمثلة
12
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
2,984
محتوى الدرس
في هذا الدرس 13تصفّح المواضيع

Object Maps

  • Map تحتوي علي عناصر تتكون من جزئين وهما (key , value ) حيث ان (key ) يمكن ان تكون اي نوع من البيانات
  • تحتوي علي خاصية تسمي size تستخدم في معرفة عدد عناصر ال Map

Map Methods

Method Description
new Map( ) تستخدم في انشاء Map
set( ) تستخدم في اضافة العناصر الي ال Map
delete ( ) تستخدم في حذف عنصر معين بداخل ال Map
has ( ) نستخدمها في حالة نريد التحقق من وجود عنصر معين بداخل ال Map عن طريق وضع هذا العنصر بداخل الاقواس الخاصة بالدالة واذا كان هذا العنصر موجود بداخل ال set تقوم الدالة بأرجاع القيمة true واذا لم يكن موجود تقوم بأرجاع القيمة false
clear ( ) تستخدم في حذف جميع العناصر من Map معينة
forEach ( ) تستخدم في المرور علي جميع عناصر ال Map لتنفيذ امر معين عليهم
values ( ) تستخدم في ارجاع القيم الموجودة بداخل ال Map علي شكل array
keys ( ) تقوم بأداء نفس ماتقوم به دالة values
entries ( ) تستخدم في أرجاع قيم ال Map علي شكل ازواج



How to Create a Map

يمكننا انشاء Map في لغة جافا سكريب بأحدي الطريقتين الاتيين 

  • أضافة array الي دالة ( )new Map
  • أنشاء Map جديدة ثم استخدام دالة Map.set

new Map()

نستطيع انشاء Map عن طريق استخدام دالة ( )new Map ثم اضافة مصفوفة array بداخلها كما في المثال التالي

Example

HTML 
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);
جرّب بنفسك

Map.set()

يمكننا اضافة عناصر الي ال Map عن طريق استخدام الدالة ( )set كما في المثال التالي

Example

HTML 
/* Create a Map */
const fruits = new Map();

/* Set Map Values */
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
جرّب بنفسك

يمكننا تغيير قيم احد عناصر ال Map عن طريق استخدام دالة ( )set كما في المثال التالي

HTML 
fruits.set("apples", 500);
جرّب بنفسك

Map.get()

نستطيع طباعة قيمة عنصر معين بأستخدام دالة ( )get عن طريق ال key الخاص بهذا العنصر كما في المثال التالي

Example

HTML 
fruits.get("apples");    // Returns 500
جرّب بنفسك

Map.size

يمكننا معرفة عدد عناصر ال Map عن طريق استخدام الخاصية property التالية "size"

Example

HTML 
fruits.size;
جرّب بنفسك

Map.delete()

يمكننا حذف عنصر معين من ال Map عن طريق استخدام الدالة ( )delete

Example

HTML 
fruits.delete("apples");
جرّب بنفسك

Map.clear()

نستطيع حذف جميع العناصر الموجودة بداخل ال Map عن طريق استخدام الدالة ( )clear 

Example

HTML 
fruits.clear();
جرّب بنفسك

Map.has()

نستطيع البحث عن عنصر معين بداخل ال Map باستخدام الدالة ( )has وتقوم الدالة بارجاع true اذا تم ايجاد العنصر و false اذا لم يتم ايجاده 

Example

HTML 
fruits.has("apples");
جرّب بنفسك

Map.forEach()

نستخدم الدالة ( )forEach لنقوم بتنفيذ شيء معين علي جميع عناصر ال Map

Example

HTML 
/* List all entries */
let text = "";
fruits.forEach (function(value, key) {
  text += key + ' = ' + value;
})
جرّب بنفسك

Map.keys()

( )keys هي عبارة عن دالة تستخدم في طباعة ال key لجميع العناصر الموجودة بداخلها

Example

HTML 
/* List all keys */
let veggies = "";
for (const x of fruits.keys()) {
  veggies += x;
}
جرّب بنفسك

Map.values()

( )values هي عبارة عن دالة تكرارية تستخدم للمرور علي جميع عناصر ال object وتقوم بطباعة القيم الخاصة بهم

Example

HTML 
/* Sum all values */
let total = 0;
for (const x of fruits.values()) {
  total += x;
}
جرّب بنفسك

Map.entries()

تستخدم هذه الدالة لتقوم بطباعة العناصر كل عنصر له قيمة مزدوجة تتكون من القيمة وال key الخاص بهذا العنصر

Example

HTML 
/* List all entries */
let text = "";
for (const x of fruits.entries()) {
  text += x;
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…