JavaScript • المستوى الثاني • الدرس 4
العودة لفهرس المستوىالكائنات والبيانات الهيكلية (Objects)
أهداف الدرس العلمية
- فهم مفهوم الكائنات (Objects) لتجميع البيانات المترابطة داخل كيان واحد.
- استيعاب تركيبة الأزواج (Key - Value Pairs).
- الوصول للخصائص وقراءتها باستخدام طريقة النقطة (Dot Notation).
- تعديل القيم القائمة أو إضافة خصائص ودوال جديدة للكائن.
1. ما هو الكائن (Object) وكيف ننشئه؟
تسمح لنا الكائنات بتمثيل العناصر الواقعية (مثل شخص، منتج، أو سيارة) عبر ربط اسم الخاصية (Key) بقيمتها (Value) داخل أقواس مجعدة {}:
javascript
let car = {
brand: "Toyota",
model: "Camry",
year: 2024
};
// الوصول للقيم عبر النقطة Dot Notation
console.log(car.brand); // يطبع: Toyota2. التعديل والإضافة على الكائنات
يمكننا بسهولة تحديث قيمة أي خاصية موجودة مسبقاً أو إضافة خاصية جديدة تماماً للكائن بأسلوب مباشر:
javascript
let student = { name: "سارة", grade: 88 };
// تعديل خاصية قائمة
student.grade = 95;
// إضافة خاصية جديدة
student.passed = true; التطبيق العملي المباشر
تحدي الدرس الرابع: إنشاء كائن للمنتج
قم بكتابة كود JavaScript داخل وسم <script> لتنفيذ الخطوات التالية:
- تعريف كائن باسم
productيحتوي على خاصيةtitleبقيمة "حاسوب محمول" وخاصيةpriceبقيمة عددية 850. - طباعة اسم المنتج وسعره في الكونسول بـ
console.log(product.title, product.price);.
محرر الأكواد — HTML
14px
جارٍ تهيئة البيئة...
المخرجات — المخرجات
الكونسول (Console)
13px
nahda@runner — html
0 lines
(لا يوجد إخراج)
HTMLLn 28, Col 1UTF-8Spaces: 2
521 chars