انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 25
دورة جافا سكريبت

طباعة الكائنات في لغة جافا سكريبتJava Script Print Object

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

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
4
الأمثلة
9
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
3,662
محتوى الدرس
في هذا الدرس 4تصفّح المواضيع

Object Multi Line كتابة خصائص الكائنات في عدة سطور في الجافاسكريبت

المسافات في فواصل الأسطر ليست مهمة ولا تسبب اي مشكلة. يمكن أن يمتد تعريف الكائن إلى عدة أسطر.

Multi Line

HTML 
var plane = {
  type:"MS",
  model:"2001",
  color:"white"
};
جرّب بنفسك

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

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

  • طباعة أول عنصر عن طريق تحويل الكائن 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']);
جرّب بنفسك

Accessing Object Properties طباعة خاصية من الكائنات في الجافا سكريبت

هناك طريقتين لطباعة الكائنات Objects في لغة الجافا سكريبت :

  • الطريقة الاولي Dot notation : وهي الطريقة الشائعة عن طريق كتابة متغير ال object ثم نتبعه بمفتاح الخاصية property key
  • الطريقة الثانية Bracket notation : وهي عن طريق الاقواس المربعة square brackets [ ]

الطريقة الاولي dot notation

HTML 
var plane = {type:"MS", model:2001, color:"white"};
document.write("The Plane Color is " + plane.color);
document.write("The Plane model is " + plane.model);
جرّب بنفسك

الطريقة الثانية Bracket notation

HTML 
var plane= {type:"MS", model:2001, color:"white"};
document.write("The Plane Color is " + plane['color']);
document.write("The Plane model is " + plane['model']);
جرّب بنفسك

First and Last properties اول واخر خاصية في الكائن في الجافاسكريبت

نستطيع الحصول علي قيم عناصر الكائن object باستخدام دالة ( )values 

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

Example

HTML 
var plane= {
  type:"MS", 
  model:2001, 
  color:"white"
}
var total =Object.values(plane).length;
document.write("first property value is " + Object.values(plane)[0]);
document.write("last property value is " + Object.values(plane)[total-1]);
</script>
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…