🎯 ما ستتعلمه في هذا التدريب
هذا التدريب التفاعلي سيساعدك على إتقان كائن Map في JavaScript من خلال:
- ✅ أسئلة تفاعلية متنوعة تشمل اختيار متعدد، إدخال نصي، وسحب وإفلات
- ✅ فهم الفرق بين Map و Object ومتى تستخدم كل منهما
- ✅ إتقان جميع طرق Map: set, get, has, delete, clear
- ✅ فهم خاصية size وكيفية التكرار على عناصر Map
- ✅ التعامل مع أنواع المفاتيح المختلفة في Map
- ✅ إمكانية إعادة التدريب لتحسين مستواك وتعزيز المفاهيم
❓ ما هو كائن Map؟
Map هو كائن في JavaScript يخزن أزواج المفتاح-قيمة (key-value pairs) ويتذكر ترتيب الإدراج الأصلي للمفاتيح.
يمكن استخدام أي قيمة (سواء كانت كائن أو قيمة بدائية) كمفتاح أو كقيمة.
let userMap = new Map();
userMap.set('name', 'أحمد');
userMap.set('age', 25);
userMap.set('isActive', true);
📦 1️⃣ طرق إنشاء Map
✅ إنشاء Map فارغ:
let myMap = new Map();
✅ إنشاء Map من مصفوفة أزواج:
let myMap = new Map([
['name', 'أحمد'],
['age', 25],
['city', 'القاهرة']
]);
🔄 2️⃣ الفرق بين Map و Object
let obj = {};
obj[1] = 'رقم';
obj[{}] = 'كائن';
let map = new Map();
let objKey = {id: 1};
map.set(1, 'رقم');
map.set(objKey, 'كائن');
| الميزة |
Object |
Map |
| أنواع المفاتيح |
❌ String أو Symbol فقط |
✅ أي نوع |
| ترتيب الإدراج |
⚠️ غير مضمون |
✅ يحتفظ بالترتيب |
| الحجم (size) |
❌ Object.keys(obj).length |
✅ خاصية size |
⚙️ 3️⃣ طرق Map الأساسية
let map = new Map();
map.set('name', 'أحمد');
let name = map.get('name');
if (map.has('name')) {
console.log('المفتاح موجود');
}
map.delete('name');
console.log(map.size);
map.clear();
📝 4️⃣ قواعد وإرشادات استخدام Map
💡 متى تستخدم Map؟
- ✔ عندما تحتاج مفاتيح من أنواع مختلفة (غير نصوص)
- ✔ عندما تحتاج الاحتفاظ بترتيب الإدراج
- ✔ عندما تحتاج إضافة وحذف عناصر بشكل متكرر
- ✔ عندما تحتاج معرفة الحجم بسهولة (size)