الانتقال إلى المحتوى الرئيسي

كيفية إضافة كائن إلى مصفوفة جافا سكريبت: طريقة سهلة وأمثلة

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

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

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

فار آر = [];

فار أوبج = {الاسم: "جون" ، العمر: 25};

آر.دفع (كائن);

في هذا المثال ، نعلن صفيف فارغ آر وكائن كائن يحتوي على خاصيتين-الاسم والعمر. ثم نضيف كائن أوبج إلى صفيفنا باستخدام طريقة الدفع (). الآن مجموعة أر يحتوي على كائن لدينا.

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

  1. كيفية إضافة كائن إلى مصفوفة جافا سكريبت
  2. طريقة سهلة لإضافة كائن إلى مصفوفة
  3. أمثلة على إضافة كائن إلى مصفوفة جافا سكريبت
  4. كيفية إضافة كائن إلى بداية المصفوفة
  5. كيفية إضافة كائن إلى نهاية صفيف
  6. كيفية إضافة كائن إلى موضع معين في صفيف
  7. سؤال وجواب
  8. كيف يمكنني إضافة كائن جديد إلى مصفوفة في جافا سكريبت?
  9. كيف يمكنني إضافة كائن إلى موضع معين في المصفوفة?
  10. هل من الممكن إضافة كائنات متعددة إلى مصفوفة في وقت واحد?
  11. هل من الممكن إضافة كائن إلى المصفوفة في البداية?
  12. كيف يمكنني إضافة كائن إلى مجموعة إذا موقفها غير معروف?
  13. هل من الممكن إضافة كائن إلى مصفوفة إذا كان موجودا بالفعل في المصفوفة?

كيفية إضافة كائن إلى مصفوفة جافا سكريبت

توفر جافا سكريبت طريقة سهلة لإضافة كائنات إلى المصفوفات. في هذه المقالة ، سنلقي نظرة على بعض الأمثلة التي توضح كيفية القيام بذلك.

مثال 1:

كونست الفواكه = ['التفاح' ، 'الموز' ، 'البرتقال'];

// إنشاء كائن فاكهة جديد

كونست نيوفروت = {

الاسم:'الكمثرى',

اللون:'الأخضر'

};

// إضافة فاكهة جديدة إلى المصفوفة

الفواكه.دفع (نيوفروت);

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

وسوف تحتوي على العناصر التالية:

  • أبل
  • الموز
  • أورانج
  • كائن { الاسم: 'الكمثرى' ، اللون: 'الأخضر'}

المثال 2:

كونست سيارات = [

{ العلامة التجارية: 'بي ام دبليو' ، نموذج: '5'},

{ العلامة التجارية: 'أودي' ، الموديل: 'أ4'},

{ العلامة التجارية: 'لكزس' ، الموديل: 'آر إكس'}

];

// Создаем новый объект машины

const newCar = { brand: 'Mercedes', model: 'GLC' };

// Добавляем новую машину в массив

cars.push(newCar);

console.log(cars);

Результат выполнения этого кода будет следующим:

  • Object { brand: ‘BMW’, model: ‘X5’ }
  • Object { brand: ‘Audi’, model: ‘A4’ }
  • Object { brand: ‘Lexus’, model: ‘RX’ }
  • Object { brand: ‘Mercedes’, model: ‘GLC’ }

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

، تمرير الكائن الجديد كوسيطة.

طريقة سهلة لإضافة كائن إلى مصفوفة

. يمكننا استخدامه لإضافة كائن جديد إلى نهاية المصفوفة.

لإضافة كائن إلى مصفوفة:

دعونا صفيف = [];

دع الكائن = {

الاسم:'جون',

العمر: 30

};

صفيف.دفع (كائن);

وحدة التحكم.سجل (صفيف);

على الصفيف وتمرير الكائن كوسيطة. بعد إجراء هذه العملية ، سيتم إضافة الكائن إلى نهاية المصفوفة.

، سترى أنه تمت إضافة الكائن بنجاح:

[

{

الاسم:'جون',

العمر: 30

}

]

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

أمثلة على إضافة كائن إلى مصفوفة جافا سكريبت

يمكن إضافة كائن إلى مصفوفة جافا سكريبت باستخدام عدة طرق. لنلق نظرة على بعض الأمثلة:

  • طريقة الدفع( ):

    .

  • فهرسة صفيف:

    يمكنك أيضا إضافة كائن إلى المصفوفة عن طريق تعيينه إلى فهرس معين.

  • طريقة أونشيفت ():

    يضيف كائن إلى بداية المصفوفة.

دعونا ننظر في كل من هذه الأساليب بمزيد من التفصيل.

طريقة الدفع():

  1. مع بعض العناصر:

    دع الفواكه = ['التفاح' ، 'الموز' ، 'البرتقال'];

  2. :

    دعونا العنب = {الاسم: 'العنب' ، اللون: 'الأرجواني'};

  3. :

    الفواكه.دفع (العنب);

  4. النتيجة:

    الفهرسالعنصر
    0أبل
    1الموز
    2أورانج
    3{ الاسم: 'العنب' ، اللون: 'الأرجواني'}

فهرسة صفيف:

  1. مع بعض العناصر:

    السماح للسيارات = ['تويوتا' ، 'هوندا' ، 'فورد'];

  2. :

    السماح بي ام دبليو = {العلامة التجارية: 'بي ام دبليو' ، اللون: 'الأزرق'};

  3. :

    سيارات[1] = بي ام دبليو;

  4. النتيجة:

    الفهرسالعنصر
    0تويوتا
    1{ العلامة التجارية: 'بي ام دبليو' ، اللون: 'الأزرق'}
    2فورد

طريقة أونشيفت ():

  1. مع بعض العناصر:

    السماح الألوان = ['الأحمر' ، 'الأخضر' ، 'الأزرق'];

  2. :

    دعونا الأصفر = {اسم: 'الأصفر' ، رمز: '# فف 00'};

  3. :

    الألوان.أونشيفت (أصفر);

  4. النتيجة:

    الفهرسالعنصر
    0{الاسم: 'الأصفر' ، رمز: '# فف 00'}
    1أحمر
    2الأخضر
    3الأزرق

كيفية إضافة كائن إلى بداية المصفوفة

في جافا سكريبت ، هناك عدة طرق لإضافة كائن إلى بداية المصفوفة. يتم النظر في مثالين أدناه:

  1. وحدة التحكم.سجل (صفيف);

// الإخراج: [1, 2, 3, 4, 5]

في هذا المثال ، نقوم بإنشاء مصفوفة جديدة

نيوراي

حيث سيكون العنصر الأول هو الرقم 1 ، وسيتم أخذ العناصر المتبقية من المصفوفة

صفيف

باستخدام عامل الانتشار. ستكون النتيجة مصفوفة جديدة مع الكائن المضاف.

تسمح لك كلتا الطريقتين بإضافة كائن إلى بداية صفيف في جافا سكريبت. يعتمد اختيار الطريقة على تفضيلاتك ومتطلبات المشروع.

كيفية إضافة كائن إلى نهاية صفيف

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

1. باستخدام الطريقة.دفع ()

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

دعونا صفيف = [1 ، 2 ، 3];

دع الكائن = { الاسم: "جون" ، العمر: 25 };

صفيف.دفع (كائن);

وحدة التحكم.سجل (صفيف);

نتيجة لتنفيذ هذا الرمز ، سيتم إخراج المصفوفة التالية إلى وحدة التحكم:

[1 ، 2 ، 3 ، {الاسم: "جون" ، العمر: 25 }]

2. باستخدام الفهرس

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

دعونا صفيف = [1 ، 2 ، 3];

دع الكائن = { الاسم: "جون" ، العمر: 25 };

صفيف [صفيف.طول] = كائن;

وحدة التحكم.سجل (صفيف);

بعد تنفيذ هذا الرمز ، سيتم إخراج نفس المصفوفة إلى وحدة التحكم:

[1 ، 2 ، 3 ، { الاسم: "جون" ، العمر: 25 }]

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

كيفية إضافة كائن إلى موضع معين في صفيف

هناك عدة طرق لإضافة كائن إلى موضع معين في مصفوفة في جافا سكريبت. دعونا ننظر إليها بمزيد من التفصيل.

1. باستخدام لصق()

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

مثال:

دعونا آر = [1, 2, 3, 4, 5]; // مجموعة المصدر

دع الكائن = {الاسم: 'جون' ، العمر: 25} ؛ / / كائن لإضافة

آر.لصق (2 ، 0 ، أوبج); // إضافة كائن إلى الموضع 2

وحدة التحكم.سجل (آر); // [1, 2, { الاسم: 'جون' ، العمر: 25 }, 3, 4, 5]

2. باستخدام أونشيفت()

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

مثال:

دعونا آر = [1, 2, 3, 4, 5]; // مجموعة المصدر

دع الكائن = {الاسم: 'جون' ، العمر: 25} ؛ / / كائن لإضافة

آر.أونشيفت (لاغية); // تحويل جميع عناصر المصفوفة إلى موضع واحد إلى اليمين

آر.لصق (2 ، 1 ، كائن) ؛ / / إضافة كائن إلى الموضع 2

وحدة التحكم.سجل (آر); // [1, 2, { الاسم: 'جون' ، العمر: 25 }, 3, 4, 5]

3. باستخدام حلقة وطريقة الدفع ()

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

مثال:

دعونا آر = [1, 2, 3, 4, 5]; // مجموعة المصدر

دع الكائن = {الاسم: 'جون' ، العمر: 25} ؛ / / كائن لإضافة

دعونا نوار = [];

إلى عن على (دعني = 0 ؛ أنا < آر.الطول ؛ أنا {) {

إذا (أنا = = = 2) {

(نيوار).دفع (كائن);

}

(نيوار).دفع (آر [أنا]);

}

وحدة التحكم.سجل (نيوارر); // [1, 2, { الاسم: 'جون' ، العمر: 25 }, 3, 4, 5]

وبالتالي ، هناك طرق مختلفة لإضافة كائن إلى موضع معين في مصفوفة في جافا سكريبت. يعتمد اختيار طريقة معينة على الحالة المحددة ومتطلبات مشروعك.

سؤال وجواب

كيف يمكنني إضافة كائن جديد إلى مصفوفة في جافا سكريبت?

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