Spread Operator الجزء الثاني
جزء من قسم Logic & Flow في رحلة JavaScript على Coddy — الدرس 19 من 65.
يمكن لعامل النشر (spread operator) دمج الكائنات (JSON):
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};الآن سيحتوي completeProfile على جميع المفاتيح الأربعة: name و age و company و position:
console.log(completeProfile);
// الناتج: {name: "John", age: 30, company: "Tech Corp", position: "Developer"}يمكنه أيضًا إضافة خصائص جديدة وتجاوز الخصائص الموجودة أثناء النسخ:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};التحدي
سهلأنشئ دالة باسم mergeCars تأخذ كائنين لسيارتين كمعاملات. يجب أن تدمج الدالة خصائص السيارة الثانية في خصائص السيارة الأولى وتُعيد كائناً جديداً لسيارة دون تعديل أي من الكائنات الأصلية.
ورقة مرجعية
يمكن لعامل النشر (spread operator) دمج الكائنات:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};يمكنه أيضاً إضافة خصائص جديدة وتجاوز الخصائص الموجودة أثناء النسخ:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};جرّب بنفسك
function mergeCars(car1, car2) {
// اكتب الكود هنا
}
// لا تكتب أي شيء خارج الدالةيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Logic & Flow
1السلاسل النصية بعمق
أساسيات السلاسل النصيةالتكرار عبر السلاسل النصيةTemplate Literalsدوال السلاسل النصيةمراجعة - String Weaver2المصفوفات متعددة الأبعاد
أساسيات المصفوفات ثنائية الأبعادالوصول إلى عناصر المصفوفات ثنائية الأبعادالحلقات المتداخلة مع المصفوفات ثنائية الأبعادمراجعة - المصفوفات ثنائية الأبعادجمع وطرح المصفوفاتالمصفوفات المتعرجة (Jagged Arrays)المصفوفات ثلاثية الأبعاد وما بعدهاأنماط المصفوفات ثنائية الأبعاد الشائعةمراجعة - كل شيء عن المصفوفات5المجموعات - الجزء الأول
ما هي المجموعة؟التكرار عبر المجموعاتإضافة عنصرإزالة عنصرالتحقق من وجود عنصرالحجم وهل هي فارغةالنسخ والمسحملخص - أساسيات المجموعات8مواضيع شيقة حول الـ Arrays
تفكيك الـ Arrayاستخدام الـ Spread Syntax في الـ Arraysالـ Sparse Arraysمراجعة - ورشة عمل الـ Arrays3JSON الجزء الأول
ما هو JSON؟التحقق من وجود المفتاحObject MethodsSpread Operator الجزء الأولSpread Operator الجزء الثانيحذف المفاتيحمراجعة - معالجة مفاتيح JSON