JavaScript

Object Maps

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

التاريخ

10 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1065

المواضيع

24
الشروحات chevron_left Object Maps chevron_left JavaScript

Object Maps

</> 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
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

</> Map.set()

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

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

/* Set Map Values */
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

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

fruits.set("apples", 500);

</> Map.get()

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

Example
fruits.get("apples");    // Returns 500

</> Map.size

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

Example
fruits.size;

</> Map.delete()

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

Example
fruits.delete("apples");

</> Map.clear()

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

Example
fruits.clear();

</> Map.has()

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

Example
fruits.has("apples");

</> Map.forEach()

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

Example
/* List all entries */
let text = "";
fruits.forEach (function(value, key) {
  text += key + ' = ' + value;
})

</> Map.keys()

( )keys هي عبارة عن دالة تستخدم في طباعة ال key لجميع العناصر الموجودة بداخلها
Example
/* List all keys */
let veggies = "";
for (const x of fruits.keys()) {
  veggies += x;
}

</> Map.values()

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

Example
/* Sum all values */
let total = 0;
for (const x of fruits.values()) {
  total += x;
}

</> Map.entries()

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

Example
/* List all entries */
let text = "";
for (const x of fruits.entries()) {
  text += x;
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.