الهدف التعليمي

تعلم استخدام خاصية Destructuring في JavaScript للتعامل مع الكائنات (Objects) بشكل أكثر كفاءة وسهولة، مع التركيز على استخراج البيانات المتداخلة والقيم الافتراضية.

عرض تطبيقي

الشرح البرمجي
// تعريف كائن الشخص
const person = {
    name: "اسامة زينهم",
    age: 30,
    job: "مهندس برمجيات",
    address: {
        city: "المنيا",
        zip: "12345"
    },
    language: "العربية"
};

// استخدام Destructuring لاستخراج البيانات
const { 
    name, 
    age, 
    job, 
    address: { city, zip }, 
    language = "غير محدد" 
} = person;

// استخدام Destructuring في الدوال
function displayGreeting({ name, age, job }) {
    alert(`مرحبًا ${name}! عمرك ${age} وتعمل كـ ${job}.`);
}