النسخ السطحي والعميق

جزء من قسم المنطق وتدفق التنفيذ في رحلة JavaScript على Coddy. الدرس 25 من 65.

عند نسخ الكائنات، لدينا نوعان من النسخ:

نسخة سطحية - تنسخ المستوى الأول فقط
نسخة عميقة - تنسخ جميع المستويات nested

أساليب النسخ السطحي:

باستخدام عامل الانتشار:

const original = { a: 1, b: { x: 2 } };
const spreadCopy = { ...original };

استخدام Object.assign() الذي ينشئ كائنًا جديدًا عن طريق نسخ الخصائص من الكائن المصدر إلى الكائن الهدف:

const assignCopy = Object.assign({}, original);

مشكلة النسخ السطحي:

original.b.x = 3;
console.log(spreadCopy.b.x); // 3
// (الكائنات المتداخلة تتشارك المرجع)

console.log(assignCopy.b.x); // 3

فهم أساليب JSON والنسخ العميق

JSON.stringify() يحوّل object في JavaScript إلى JSON من النوع string:

const obj = { name: "John", age: 30 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // "{"name":"John","age":30}"

تحوّل JSON.parse() سلسلة JSON إلى كائن JavaScript:

const backToObject = JSON.parse(jsonString);
console.log(backToObject); // { name: "John", age: 30 }

النسخ العميق باستخدام JSON:

const original = { a: 1, b: { x: 2 } };
const deepCopy = JSON.parse(JSON.stringify(original));

original.b.x = 3;
console.log(deepCopy.b.x); // 2 (مستقل تمامًا)

التحدي

سهل

أنشئ دالةً باسم processCart تأخذ string بتنسيق JSON تمثل عربة تسوق. تحتوي العربة على مصفوفة من المنتجات مع أسمائها وأسعارها. مهمتك هي:

تحليل JSON string إلى JavaScript object
إنشاء عربتي تسوق منفصلتين منه
في العربة الثانية:
1. إضافة الخاصية discounted إلى كل عنصر وتعيينها إلى false
2. تطبيق خصم بنسبة 10% على جميع العناصر التي تحتوي على price أكبر من 50
3. تعيين 'discounted' إلى true للعناصر التي حصلت على الخصم
إرجاع مصفوفة تحتوي على العربتين

جرّب بنفسك

function processCart(jsonString) {
    // اكتب الكود هنا
}
// لا تكتب أي شيء خارج الدالة

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس المنطق وتدفق التنفيذ

1السلاسل النصية بعمق

أساسيات السلاسل النصية التكرار عبر السلاسل النصية Template Literals دوال السلاسل النصية مراجعة - String Weaver

4JSON الجزء الثاني

التكرار عبر JSON JSON المتداخل التسلسل الاختياري في JSONالنسخ السطحي والعميقمراجعة - متجر الدراجات مراجعة - النظام الشمسي

7نظام إدارة المكتبة

نظرة عامة على المشروع إضافة الكتب

البحث بالعنوان

التصفية حسب النوع

تحديد كمقروء

10إدارة نظام المهرجان

نظرة عامة على المشروع إضافة الأفلام والأماكن

2المصفوفات متعددة الأبعاد

أساسيات المصفوفات ثنائية الأبعاد الوصول إلى عناصر المصفوفات ثنائية الأبعاد الحلقات المتداخلة مع المصفوفات ثنائية الأبعاد مراجعة - المصفوفات ثنائية الأبعاد جمع وطرح المصفوفات المصفوفات المتعرجة (Jagged Arrays)المصفوفات ثلاثية الأبعاد وما بعدها أنماط المصفوفات ثنائية الأبعاد الشائعة مراجعة - كل شيء عن المصفوفات

5المجموعات - الجزء الأول

ما هي المجموعة؟التكرار عبر المجموعات إضافة عنصر إزالة عنصر التحقق من وجود عنصر الحجم وهل هي فارغة النسخ والمسح ملخص - أساسيات المجموعات

8مواضيع شيقة حول الـ Arrays

تفكيك الـ Array استخدام الـ Spread Syntax في الـ Arrays الـ Sparse Arrays مراجعة - ورشة عمل الـ Arrays

3JSON الجزء الأول

ما هو JSON؟التحقق من وجود المفتاح Object Methods Spread Operator الجزء الأول Spread Operator الجزء الثاني حذف المفاتيح مراجعة - معالجة مفاتيح JSON

6المجموعات - الجزء الثاني

الرياضيات - اتحاد المجموعات الرياضيات - تقاطع المجموعات الرياضيات - الفرق بين المجموعات الرياضيات - الفرق المتناظر المجموعات الجزئية والمجموعات الفائقة مراجعة - مجموعات الأصدقاء

9دوال المصفوفات المتقدمة

دالتا Join و Split دالة Map دالة Filter دالة Reduce تسلسل دوال المصفوفات هل ForEach و Map متماثلتان؟دالة Sort دالتا Find و FindIndex مراجعة - محترف التسلسل

تدرّب بنفسك: مترجم JavaScript عبر الإنترنت