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

Counting Keys Object keys length حساب عدد خصائص الكائن

أدر خصائص ودوال الكائنات في JavaScript باحتراف: أضف الحقول ديناميكياً واحذفها بـ delete وافحص الملكية عبر Object.hasOwn وابنِ الدوال الداخلية باستخدام this.
5 صفوف تعليمية
جافا سكريبت
4,481 مشاهدة

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

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

من الأخطاء الشائعة جداً كتابة user.length لمعرفة عدد خصائص الكائن؛ فالكائنات العادية لا تملك خاصية length مدمجة أصلاً، ولذلك يرجع التعبير user.length القيمة undefined!

الطريق القياسي الصحيح لحساب عدد خصائص الكائن هو قراءة طول مصفوفة مفاتيحه عبر Object.keys(user).length.

الصف 2 كود برمجي
JavaScript
const settings = { theme: 'dark', lang: 'ar', beta: undefined };
const hasBeta = Object.hasOwn(settings, 'beta');
const totalProps = Object.keys(settings).length;
document.getElementById('cnt-out').textContent =
  `hasOwn('beta'): ${hasBeta} | Total keys: ${totalProps}`;
الصف 3 ملاحظة هامة
الصف 4 ملاحظة هامة
الصف 5 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

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

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

أتقنت في هذا الدرس إضافة الخصائص ديناميكياً، وحذفها بالمعامل delete، وفحص الملكية الذاتية بأمان عبر Object.hasOwn()، وتعريف دوال الكائن المختصرة باستخدام this، وحساب عدد المفاتيح عبر Object.keys(obj).length. الخطوة التالية: انتقل الآن إلى درس «مقارنة الكائنات والمصفوفات في JavaScript» لبناء مصفوفات الكائنات والتمييز الدقيق بين البنيتين.