إزالة العناصر من مصفوفة في JavaScript



في هذه المقالة سوف تحصل على طرق مختلفة كاملة لإزالة العناصر من مصفوفة في JavaScript مع أمثلة.

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

دعونا نبدأ بعد ذلك ،





إزالة عناصر من مصفوفة في JavaScript

طريقة البوب

تزيل طريقة pop () العنصر من نهاية المصفوفة ، تمامًا مثل المكدس. من ناحية أخرى ، تضيف طريقة push () عنصرًا إلى نهاية المصفوفة.طرق تنفيذ مفهوم LIFO (Last-In-First-Out).

كيفية التعامل مع النافذة المنبثقة في محرك الويب السيلينيوم
['Rock'، 'Metal'، 'Blues'، 'Jazz'] list.pop () ['Rock'، 'Metal'، 'Blues']

تزيل الكود العنصر الأخير في المصفوفة ، أي 'Jazz'.تقوم طريقة push () بإلحاق العنصر بالمصفوفة.



أسلوب التحول: إزالة العناصر من مصفوفة في جافا سكريبت

تزيل طريقة () shift العنصر من بداية المصفوفة. من ناحية أخرى ، تضيف طريقة unshift () العنصر مرة أخرى إلى بداية المصفوفة.

['Rock'، 'Metal'، 'Blues'، 'Jazz'] list.shift () ['Metal'، 'Blues'، 'Jazz']

يزيل الكود العنصر الأول ، أي Rock من المصفوفة.عند استخدام طريقة unshift () ، ستتم إضافة 'Rock' مرة أخرى إلى المصفوفة.

طريقة لصق

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



['Rock'، 'Metal'، 'Blues'، 'Jazz'] list.splice (2، 1) // بدءًا من موضع الفهرس 2 ، قم بإزالة عنصر واحد ['Rock'، 'Metal'، 'Jazz'] القائمة .splice (2،2) // بدءًا من موضع الفهرس 2 ، قم بإزالة عنصرين ['Rock'، 'Metal']

في المثال أعلاه ، تزيل طريقة الشريحة العناصر وفقًا للفهرس المحدد.

تمت إزالة 'Blues' من المثال الأول حيث تم وضعها في الفهرس 2.

في المثال الثاني ، تمت إزالة عنصرين ، وهما 'Blues' و 'Jazz' ، حيث يحدد الفهرس أنه يجب إزالة عنصرين ، بدءًا من الفهرس 2.

يجب ملاحظة أن المصفوفات مفهرسة بصفر في JavaScript.

المضي قدمًا مع هذه المقالة حول إزالة العناصر من مصفوفة في JavaScript ،

لصق لمجموعة من العناصر

من المعقول إزالة العناصر المتتالية باستخدام طريقة لصق ():

['Rock'، 'Metal'، 'Blues'، 'Jazz'] list.splice (0، 2) // بدءًا من موضع الفهرس 0 ، قم بإزالة عنصرين ['Blues'، 'Jazz']

يزيل الكود القيم المذكورة في طريقة لصق.

إزالة العناصر حسب القيمة: إزالة العناصر من مصفوفة في JavaScript ،

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

في المثال التالي ، نزيل العنصر 'Blues':

['Rock'، 'Metal'، 'Blues'، 'Jazz'] // ابحث عن موضع الفهرس لـ 'Blues' ، وقم بإزالة عنصر واحد من قائمة هذا الموضع. (list.indexOf ('Blues') ، 1)

الكود يزيل العنصر 'البلوز' ، بعد معرفة موضع الفهرس للعنصر.

إزالة مجموعة من العناصر حسب القيمة

تسمح لنا JavaScript بإزالة عناصر متعددة من المصفوفة.

السلاسل في جافا غير قابلة للتغيير
['Rock'، 'Metal'، 'Blues'، “Blues '،' Jazz '] لقائمة (var i = list.length-1 i -) {if (list [i] ===' Blues ') .splice (i، 1)} ['Rock'، 'Metal'، 'Jazz']

الكود يزيل كل تكرارات العنصر 'البلوز'.

لنبدأ بالجزء الأخير من هذه المقالة حول إزالة العناصر من مصفوفة في JavaScript ،

طريقة تصفية الصفيف

بدلاً من تغيير المصفوفة التي تم استدعاؤها عليها ، ينشئ عامل التصفية () مصفوفة جديدة.يحتوي على معلمة واحدة ، تُعرف باسم طريقة رد الاتصال. يتم تشغيل طريقة رد النداء عندما يقوم التابع filter بالتكرار فوق عناصر المصفوفة.

يمرر ثلاث قيم إلى رد الاتصال:

  • القيمة الحالية
  • فهرس الصفيف الحالي
  • المجموعة الكاملة

تقوم بإرجاع قيمتين: صواب أو خطأ. تتم إضافة العناصر التي ترجع true إلى المصفوفة الجديدة التي أنشأها عامل التصفية ().

مجموعة var = [1، 2، 3، 4، 5، 6، 7، 8، 9، 0] var filtered = array.filter (function (value، index، arr) {return value> 4}) // filtered = > [5،6، 7، 8، 9]

تتكون المصفوفة المصفاة من العناصر التي أثبتت صحتها.

يمكن أن تكون إزالة العناصر من المصفوفة أمرًا شاقًا بعض الشيء بطبيعته ، ولكن في الواقع ، هذه الطرق هي الأكثر كفاءة وموارد.

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

لديك سؤال لنا؟ أذكرها في قسم التعليقات في هذه المدونة وسنعاود الاتصال بك.