انتقل إلى محتوى الدرس

Iterating Map Keys Values Entries التكرار على مفاتيح وقيم Map

أتقن بنية الخرائط المفتاحية Map في JavaScript لبناء قواميس مرتبة بالدوال set وget وhas وsize واستخدام الكائنات والأرقام كمفاتيح حقيقية والتكرار عليها بصيغة التفكيك.
4 صفوف تعليمية
جافا سكريبت
4,732 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يتيح المرور المباشر على الخريطة عبر for (const [key, value] of map) استخراج المفتاح والقيمة معاً بترتيب الإدخال بفضل صيغة التفكيك. كما يمكنك المرور على المفاتيح وحدها عبر map.keys() أو القيم وحدها عبر map.values() أو الدالة map.forEach((value, key) => ...).

الصف 2 كود برمجي
JavaScript
const stock = new Map([
  ['Keyboard', 12],
  ['Monitor', 5],
  ['Headset', 19],
]);
const summary = [];
for (const [item, qty] of stock) {
  summary.push(`${item}: ${qty}`);
}
document.getElementById('map-loop').textContent =
  summary.join(' | ');
الصف 3 ملاحظة هامة
الصف 4 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

أتقنت في هذا الدرس بناء وتحديث القواميس المفتاحية Map بالدالة set()، والقراءة والفحص عبر get() وhas() وsize، واستخدام الأرقام والكائنات كمفاتيح حقيقية دون تحويل قسري، والتكرار بالتفكيك عبر for...of. الخطوة التالية: انتقل إلى درس «الوحدات البرمجية Modules» لتنظيم المشاريع متعددة الملفات في وحدات معزولة نظيفة.