Object Properties في JavaScript - شرح شامل للمبتدئين

🎯 Object Properties في JavaScript: دليلك الشامل لفهم خصائص الكائنات

اليوم سنتعمق في مفهوم Object Properties أو خصائص الكائنات، وهو أحد المفاهيم الأساسية والأكثر أهمية في JavaScript. إذا كنت تتذكر من الدرس السابق، فإن الكائن (Object) هو مجموعة من البيانات المرتبطة معاً. والخصائص (Properties) هي بمثابة السمات أو الصفات التي تصف هذا الكائن.

📝 ما هي Object Properties؟

الخصائص (Properties) هي القيم المرتبطة بكائن معين. يمكنك تخيل الكائن كخزانة ملابس، وكل خاصية هي درج في هذه الخزانة يحتوي على شيء معين. كل خاصية تتكون من زوج مفتاح: قيمة (Key: Value).

لنفهم هذا بمثال بسيط:

// إنشاء Object يمثل شخصاً
let person = {
    name: "Ahmed",
    age: 25,
    city: "Riyadh"
};

في هذا المثال:

• name، age، city هي المفاتيح (Keys)
• "Ahmed"، 25، "Riyadh" هي القيم (Values)

🔍 كيفية الوصول إلى الخصائص (Accessing Properties)

هناك طريقتان رئيسيتان للوصول إلى خصائص الكائن:

1. التدوين النقطي (Dot Notation)

هي الطريقة الأكثر شيوعاً واستخداماً:

let car = {
    brand: "Toyota",
    model: "Camry",
    year: 2023
};

// الوصول باستخدام النقطة
console.log(car.brand);    // الناتج: Toyota
console.log(car.model);    // الناتج: Camry
console.log(car.year);     // الناتج: 2023

2. التدوين بالأقواس (Bracket Notation)

تستخدم عندما يكون اسم الخاصية يحتوي على مسافات أو رموز خاصة:

let student = {
    "full name": "Mohamed Ali",
    "grade-level": "Second Year"
};

// لا يمكن استخدام النقطة هنا
console.log(student["full name"]);     // الناتج: Mohamed Ali
console.log(student["grade-level"]);   // الناتج: Second Year

✏️ إضافة وتعديل الخصائص (Adding and Modifying Properties)

يمكنك بسهولة إضافة خصائص جديدة للكائن أو تعديل القيم الموجودة:

let book = {
    title: "Learn JavaScript",
    pages: 200
};

// إضافة خاصية جديدة
book.author = "Ali Hassan";
book.price = 50;

// تعديل خاصية موجودة
book.pages = 220;

console.log(book);
// الناتج: {title: "Learn JavaScript", pages: 220, author: "Ali Hassan", price: 50}

🗑️ حذف الخصائص (Deleting Properties)

يمكنك حذف خاصية من الكائن باستخدام الكلمة المفتاحية delete:

let phone = {
    brand: "Samsung",
    model: "Galaxy S24",
    price: 3000,
    color: "Black"
};

// حذف خاصية color
delete phone.color;

console.log(phone);
// الناتج: {brand: "Samsung", model: "Galaxy S24", price: 3000}

🔄 التحقق من وجود الخاصية (Checking Property Existence)

يمكنك التحقق مما إذا كانت خاصية معينة موجودة في الكائن باستخدام in operator:

let laptop = {
    brand: "Dell",
    ram: "8GB"
};

console.log("brand" in laptop);    // الناتج: true
console.log("price" in laptop);    // الناتج: false

🎯 أمثلة عملية متنوعة

لنرى المزيد من الأمثلة العملية لفهم أفضل:

// مثال 1: كائن يمثل منتج
let product = {
    name: "Laptop",
    category: "Electronics",
    price: 2500,
    inStock: true
};

// مثال 2: كائن يمثل طالب
let student = {
    firstName: "Fatima",
    lastName: "Khaled",
    subjects: ["Math", "Science", "Arabic"],
    grades: {
        math: 95,
        science: 88,
        arabic: 92
    }
};

// الوصول إلى القيم المتداخلة
console.log(student.subjects[0]);      // الناتج: Math
console.log(student.grades.math);      // الناتج: 95

💡 نصائح مهمة للمبتدئين

1. استخدم أسماء واضحة للخصائص لتسهيل فهم الكود
2. التدوين النقطي هو الأفضل في معظم الحالات
3. التدوين بالأقواس ضروري عندما تحتوي الأسماء على مسافات أو رموز خاصة
4. تأكد من وجود الخاصية قبل محاولة الوصول إليها لتجنب الأخطاء

🚀 ماذا سنتعلم في الدرس القادم؟

الآن وقد أتقنت مفهوم Object Properties، حان الوقت للانتقال إلى المستوى التالي! في الدرس القادم، سنتعلم عن Object Methods - وهي الدوال المرتبطة بالكائنات والتي تمكن الكائنات من "تنفيذ أفعال". ستتعلم كيف تجعل كائناتك أكثر ذكاءً وقدرة على أداء مهام محددة. استعد لرحلة شيقة في عالم البرمجة الكائنية التوجه! 🎉