البيانات من نوع object في جافا سكربت JavaScript الدرس | 8 | - Programmer Tech

Programmer Tech

موقع تعليم مجاني يهتم بتعلم البرمجة و علوم الكمبيوتر, أمن المعلومات, القرصنة الأخلاقية, سكربتات

إعلان اعلى المقالة

الأحد، 22 ديسمبر 2019

البيانات من نوع object في جافا سكربت JavaScript الدرس | 8 |


البيانات من نوع object

طريقة كتابة بيانات من نوع object يكون بكتابة var و بعده اسم للمتغير و ثم اشارة = و ثم اقواس {} وضمن الأقواس نقوم بتحديد خاصية و ثم نقطتين و بعده قيمة لها و نفصل بين كل خاصية و اخرى بفاصلة, كما بالشكل الآتي


نلاحظ في الصورة انه يتم التفريق بين البيانات وقيمها بإشارة فاصلة , لنأخذ مثال عملي عن هذا يكون افضل من الكتابة.
var car = {
     name:"scod",
    modele:"2002",
    color:"white"
};


اخذنا الكائن car و اعطيناه 3 قيم هي الأسم و الموديل و اللون, و تكون طريقة عرض البيانات لهذه الطريقه هي كالتالي , نقوم بإنشاء id في صفحة الـ html و اسميناه object كما في الصورة


سأرفق صورة لطريقة عرض البيانات


شرح المثال السابق

كتبنا document.getElementById وفتحنا بعدها قوسين وكتبنا بها كلمة object هي الايدي الذي كتبناه في ملف ال html وبعده كتبنا .innerHTML= يعني نريد عرض البيانات التالية, كتبنا Name  لكي يكتب هذه الكلمة و بعدها قيمة البيانات الذي نريد تحديدها له وكتبنا اسم المتغير car و حددنا له name يعني اعرض لي قيمة name من هذا الكود في هذا الكود ونعرض النتيجة كما بالصورة


نلاحظ كتب لنا كلمة Name الذي كتبناها ليكتب لنا بعدها القيمة و بنفس الطريقة اذا اردنا عرض غير بيانات اخرى مثل اللون والموديل, و توجد طريقة ثانية لكتابة ال object و هي كالتالي


وطريقة عرض البيانات كما في السابقة و تكون النتيجه هي


نستطيع مستقبلا تغيير القيم للمتغيرات و عرضها في console كما بالشكل


كما لاحظنا كيف حدثنا قيمه بيانات modele لـ 2013 و نقوم بإستعراض هذه النتائج في الـ console, ونرى النتيجة بالصورة


و اذا كنا نريد ان نحذف احدى الخصائص من الـ object على سبيل المثال نريد حذف اللون color و يكون كود الحذف كالتالي


و نقوم باستعراض النتيجة كما بالصورة


ليست هناك تعليقات:

إرسال تعليق

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام