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

Print Object or object property طباعة الكائنات أو خصائصها في الجافاسكريبت

ستتعلم في هذا الدرس كيفية طباعة الكائنات Print Object في لغة جافا سكريبت Java Script وايضاً طباعة خصائص الكائنات Print Object Properites عن طريق المفاتيح Object Properity Key

1 صفوف تعليمية
جافا سكريبت
3,700 مشاهدة

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

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

نستطيع طباعة البيانات الخاصة بالكائنات باستخدام عدة طرق مختلفة وهم 

  • طباعة أول عنصر عن طريق تحويل الكائن object الي مصفوفة باستخدام الدالة ( )values ثم طباعة اول عنصر باستخدام ال index 
  • طباعة أخر عنصر عن طريق تحويل الكائن object الي مصفوفة array ثم معرفة عدد العناصر الخاصة بها باستخدام دالة length لنتمكن من تحديد أخر عنصر بها 
  • نستطيع طباعة اي خاصية في الكائن عن طريق استخدام ال console باستخدام الدالة ( )console.log
  • نستطيع طباعة أي خاصية خاصة بكائن معين عن طريق تحديدها باستخدام ال Dot notation " . " 
  • نستطيع طباعة أي خاصية خاصة بكائن معين عن طريق تحديدها باستخدام الأقواس المربعة 

طباعة اول عنصر

HTML
var plane= {
  type:"MS", 
  model:2001, 
  color:"white"
}
document.write("first property value is " + Object.values(plane)[0]+"<br>");

طباعة أخر عنصر

HTML
var plane= {
  type:"MS", 
  model:2001, 
  color:"white"
}
var total =Object.values(plane).length;
document.write("last property value is " + Object.values(plane)[total - 1] + "<br>");

باستخدام ال console

HTML
var plane= {
  type:"MS", 
  model:2001, 
  color:"white"
}
console.log(plane.model);

باستخدام ال Dot notation

HTML
var plane= {
  type:"MS", 
  model:2001, 
  color:"white"
}
document.write(plane.model);

باستخدام الأقواس المربعة [ ]

HTML
var plane= {
  type:"MS", 
  model:2001, 
  color:"white"
};
document.write("The Plane Color is " + plane['color']+"<br>");
document.write("The Plane model is " + plane['model']);