في هذا الدرس 4تصفّح المواضيع
المسافات في فواصل الأسطر ليست مهمة ولا تسبب اي مشكلة. يمكن أن يمتد تعريف الكائن إلى عدة أسطر.
Multi Line
نستطيع طباعة البيانات الخاصة بالكائنات باستخدام عدة طرق مختلفة وهم
- طباعة أول عنصر عن طريق تحويل الكائن object الي مصفوفة باستخدام الدالة ( )values ثم طباعة اول عنصر باستخدام ال index
- طباعة أخر عنصر عن طريق تحويل الكائن object الي مصفوفة array ثم معرفة عدد العناصر الخاصة بها باستخدام دالة length لنتمكن من تحديد أخر عنصر بها
- نستطيع طباعة اي خاصية في الكائن عن طريق استخدام ال console باستخدام الدالة ( )console.log
- نستطيع طباعة أي خاصية خاصة بكائن معين عن طريق تحديدها باستخدام ال Dot notation " . "
- نستطيع طباعة أي خاصية خاصة بكائن معين عن طريق تحديدها باستخدام الأقواس المربعة
طباعة اول عنصر
var plane= {
type:"MS",
model:2001,
color:"white"
}
document.write("first property value is " + Object.values(plane)[0]+"<br>");
طباعة أخر عنصر
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
باستخدام ال Dot notation
باستخدام الأقواس المربعة [ ]
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']);
هناك طريقتين لطباعة الكائنات Objects في لغة الجافا سكريبت :
- الطريقة الاولي Dot notation : وهي الطريقة الشائعة عن طريق كتابة متغير ال object ثم نتبعه بمفتاح الخاصية property key
- الطريقة الثانية Bracket notation : وهي عن طريق الاقواس المربعة square brackets [ ]
الطريقة الاولي dot notation
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
var plane= {type:"MS", model:2001, color:"white"};
document.write("The Plane Color is " + plane['color']);
document.write("The Plane model is " + plane['model']);
نستطيع الحصول علي قيم عناصر الكائن object باستخدام دالة ( )values
نقوم باستخدام دالة length معها للحصول علي عدد عناصر الكائن لنتمكن من تحديد أخر عنصر وطباعته
Example
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>
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.