كيفية إلحاق القيم بالكائن في JavaScript

Kyfyt Alhaq Alqym Balkayn Fy Javascript



الكائن هو الكيان الأكثر أهمية في لغة البرمجة بسبب ملكيته الثابتة. باستخدام هذه الخاصية ، يمكن للمطورين معالجة المهام المختلفة من خلال الكائنات. يتم إجراء إلحاق قيم مختلفة بكائن موجود لإجراء تغييرات وقت التشغيل على الكائنات. تقدم JavaScript مجموعة متنوعة من الطرق المضمنة لإلحاق القيم بالكائنات في JavaScript. في هذا المنشور ، سنشرح جميع الطرق الممكنة جنبًا إلى جنب مع أمثلة لإلحاق القيم بالكائنات في JavaScript. يقدم هذا المنشور نتائج التعلم التالية:

الطريقة الأولى: استخدام أسلوب Object.assign () لإلحاق قيم بالكائن في JavaScript

ال تعيين الكائن () الطريقة هي طريقة مشهورة لإلحاق القيم بالكائنات. يتطلب حجتين. يمثل الأول الكائن الهدف ، بينما تأخذ الوسيطة الثانية أزواج المفتاح / القيمة. بناء جملة تعيين الكائن () يتم توفير الطريقة أدناه:

بناء الجملة







هدف . تعيين ( الهدف ، المصدر ) ؛

يتم وصف المعلمات هنا:



  • استهداف : يحدد الكائن الذي سيتم إلحاق القيم به.
  • مصدر : يشير إلى القيمة التي يتم إلحاقها.

دعنا نفهم عمل هذه الطريقة من خلال مثال الكود التالي:



شفرة





وحدة التحكم. سجل ( 'مثال على استخدام طريقة التعيين ()' ) ؛

السماح user_obj = {

1 : { اسم : 'آدم' } و

اثنين : { اسم : 'هاري' } و

} ؛

دعونا الهدف = هدف . تعيين ( user_obj ، { 3 : { اسم : 'جاسم' } } ) ؛

وحدة التحكم. سجل ( الهدف ) ؛

في هذا الكود:

  • أولاً، 'آدم' و 'هاري' يتم تعيينها كقيم إلى 'اسم' منشأه.
  • ال تعيين الكائن () يتم استخدام الطريقة لإلحاق أ 'جاسم' قيمة “user_obj” هدف.
  • وأخيرا، فإن console.log () يتم استخدام طريقة لعرض جميع القيم في نافذة وحدة التحكم.



انتاج |

ويلاحظ من الإخراج أن القيمة الجديدة تمت إضافتها بنجاح إلى الكائن.

الطريقة 2: استخدام أسلوب push () لإلحاق قيم بكائن صفيف في JavaScript

ال يدفع() يمكن استخدام الطريقة لإضافة أو إدراج قيمة واحدة أو عدة قيم إلى مصفوفة. تقوم هذه الطريقة بإرجاع مصفوفة جديدة بعد إلحاق القيم. دعونا نرى ما إذا كان يعمل من خلال بناء الجملة التالي:

بناء الجملة

arr. يدفع ( القيمة 1 ، القيمة 2 ، ... ، القيمة )

في هذا النحو ، 'القيمة 1' ، 'القيمة 2' و 'valueN' هي القيم التي سيتم إلحاقها بـ ' arr ' عامل.

شفرة

وحدة التحكم. سجل ( 'مثال على استخدام طريقة التعيين ()' ) ؛

مقدار ثابت رياضات = [ 'كريكيت' و 'الهوكي' و 'كرة القدم' ] ؛

مقدار ثابت يعداد = رياضات. يدفع ( 'كرة سلة' ) ؛

وحدة التحكم. سجل ( يعداد ) ؛

وحدة التحكم. سجل ( رياضات ) ؛

يتم توفير وصف الكود هنا:

  • مصفوفة مسماة 'رياضات' يتكون من ثلاثة عناصر أي ، 'الكريكيت' ، 'الهوكي' و 'كرة القدم' .
  • بعد ذلك القيمة 'كرة سلة' يتم إلحاقه باستخدام sports.push () الطريقة في جافا سكريبت.
  • في النهاية ، فإن console.log () طريقة عرض الصفيف في نافذة وحدة التحكم .

انتاج |

يوضح الإخراج أن ملف 'كرة سلة' يتم إلحاق القيمة بـ رياضات كائن من خلال استخدام يدفع() طريقة.

الطريقة الثالثة: استخدام عامل الانتشار (...) لإلحاق القيم بالكائن في JavaScript

عامل الانتشار (...) مستخدم لإلحاق القيم بالكائنات في JavaScript. من المفيد دمج الكائنات في مكان واحد. يتم توفير بناء جملة عامل الانتشار أدناه:

بناء الجملة

{ ... الهدف ، مفتاح : 'القيمة' }

في هذا النحو ، 'القيمة' إلى مفتاح في الكائن الهدف .

يتم توفير مثال رمز عامل الانتشار لإلحاق القيم بكائن أدناه:

شفرة

وحدة التحكم. سجل ( 'مثال على استخدام عامل انتشار' ) ؛

دع obj1 = { اسم : 'هاري' } ؛

obj2 = { ... obj1 ، لون : 'أبيض' } ؛

وحدة التحكم. سجل ( obj2 ) ؛

في هذا الكود:

  • ان 'obj1 'لتخزين العنصر اسم من خلال تعيين القيمة 'هاري' .
  • بعد ذلك ، 'أبيض' القيمة تضاف إلى 'obj1' .
  • في النهاية ، فإن console.log () طريقة عرض القيم الملحقة في نافذة وحدة التحكم.

انتاج |

يظهر الناتج الكائن الجديد ' obj2 'الذي يحتوي على القيمة من الكائن' obj1 'بالإضافة إلى القيمة الملحقة' أبيض '.

استنتاج

توفر JavaScript طريقتين ، أي تعيين الكائن () و يدفع() لإلحاق القيم بكائن.

ال تعيين الكائن () طريقة إلحاق القيم بالكائنات عن طريق أزواج المفتاح / القيمة. ال يدفع() يضيف الأسلوب قيمة واحدة أو عدة قيم في مصفوفة. ومع ذلك ، فإن انتشار (...) يمكن أيضًا استخدام عامل التشغيل لإلحاق القيم بكائن. أظهر هذا المنشور كل الاحتمالات لإلحاق القيم بكائن في JavaScript.