يتم وصف الكائن في JavaScript على أنه مجموعة من أزواج المفتاح والقيمة. في بعض الأحيان ، قد يطلب المطورون دمج خصائص الكائنين في كائن جديد. هذه العملية تسمى الدمج. لدمج الكائنات ، توفر JavaScript بعض الطرق المضمنة التي تسمى ' تعيين الكائن () 'أو' عامل الانتشار '.
سيصف هذا المنشور طرق دمج خصائص كائنين من عناصر جافا سكريبت ديناميكيًا.
كيف تدمج خصائص عنصري جافا سكريبت ديناميكيًا؟
استخدم الطرق التالية لدمج خصائص كائنين من عناصر JavaScript ديناميكيًا:
الطريقة 1: دمج / دمج خصائص كائنين من كائنات JavaScript بطريقة ديناميكية باستخدام أسلوب Object.assign ()
استخدم ال ' تعيين الكائن () 'لدمج خصائص كائنين من عناصر جافا سكريبت ديناميكيًا. تحافظ هذه الطريقة على تكامل الكائنات الأصلية عن طريق نسخ جميع الخصائص القابلة للتعداد إلى كائن هدف من كائن مصدر واحد أو أكثر. إذا كانت السمة نفسها موجودة في كلا الكائنين ، فستحل قيمة الكائن الثاني محل القيمة من الأول. لاحظ أن هذه الطريقة تنسخ الخصائص القابلة للتعداد فقط ، لذلك لن تنسخ الخصائص الموروثة من النموذج الأولي للكائن.
بناء الجملة
اتبع بناء الجملة المقدم لدمج كائنين من JavaScript:
targetObject = Object.assign ( obj1 ، obj2 ، ... ) ؛مثال
إنشاء كائن ' معلومات ':
حيث المعلومات = {اسم: 'جيني' و
عمر: 24 و
رولنو: خمسة عشر
} ؛
إنشاء الكائن الثاني ' أنشطة 'مع أزواج المفاتيح التالية:
أنشطة فار = {لعبه: 'كريكيت' و
ممارسه الرياضه: يوجا
} ؛
اتصل ب ' تعيين الكائن () 'لدمج خصائص' معلومات ' و ' أنشطة 'في كائن جديد يسمى' طالب ':
var student = Object.assign ( معلومات ، أنشطة ) ؛طباعة خصائص الكائن ' طالب ' باستخدام ' console.log () ' طريقة:
وحدة التحكم ( طالب ) ؛يشير الإخراج إلى أن خصائص الكائنات ' معلومات ' و ' أنشطة تم دمج 'بنجاح في الكائن الجديد' طالب ':
الطريقة 2: دمج / دمج خصائص كائنين من كائنات جافا سكريبت ديناميكيًا باستخدام عامل الانتشار
هناك طريقة أخرى لدمج كائني جافا سكريبت ، وهي تستخدم ' عامل الانتشار '. إنه الأسلوب الشائع الاستخدام لدمج الكائنات عن طريق نسخ جميع السمات من الكائنات. إذا كان لكائنان خاصية بنفس الاسم ، فإن خاصية الكائن الموجودة على اليمين تحل محل السابقة.
بناء الجملة
تُستخدم الصيغة التالية لدمج خصائص كائنين من عناصر JavaScript بمساعدة عامل التشغيل Spread:
targetObject = Object.assign ( ... obj1، ... obj2، .... ) ؛مثال
إنشاء كائن جديد ' طالب 'ودمج خصائص الكائنات' معلومات ' و ' أنشطة 'في الطالب الذي يستخدم عامل التشغيل Spread' ... ':
كان طالبا = {... معلومات ، ... أنشطة
} ؛
انتاج |
لقد قدمنا جميع المعلومات الضرورية المتعلقة بدمج الكائنات في JavaScript.
استنتاج
لدمج / دمج خصائص الكائنات في JavaScript ، استخدم ' تعيين الكائن () 'أو' عامل الانتشار '. عامل الانتشار هو الأسلوب الأكثر استخدامًا لدمج خصائص كائنات JavaScript. إذا كانت السمة نفسها موجودة في كلا الكائنين ، فستحل قيمة الكائن الثاني محل القيمة من الأول. في هذا المنشور ، وصفنا طرق دمج / دمج خصائص كائنين من عناصر JavaScript ديناميكيًا.