انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #3 من درس: عرض وطباعة الكائنات في JavaScript

Displaying Specific Properties HTML عرض خصائص الكائن بالواجهة

اعرض واطبع الكائنات في JavaScript بوضوح: افهم سبب ظهور [object Object] ونسّق الخصائص بأمان واستخرج المصفوفات عبر Object.keys وObject.values وObject.entries.
2 صفوف تعليمية
جافا سكريبت
3,821 مشاهدة

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

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

في الواجهات الحقيقية، تتمثل الطريقة الأنظف لعرض بطاقة بيانات في اختيار الخصائص المحددة التي تهم الزائر وتنسيقها داخل قالب نصي مقروء ثم تمريرها بأمان إلى textContent.

الصف 2 كود برمجي
JavaScript 
const speaker = {
  name: 'Dr. Salma',
  topic: 'Web Security',
  hall: 'B2',
};
document.getElementById('spk-out').textContent =
  `${speaker.name} — ${speaker.topic} (Hall ${speaker.hall})`;
جرّب بنفسك

جميع فقرات هذا الدرس (عرض وطباعة الكائنات في JavaScript)