يمكنك حذف عنصر مصفوفة بعدة طرق مختلفة ، لذا تأكد من اختيار الأنسب لظروفك.
المصفوفات هي إحدى هياكل البيانات الشائعة التي ستتفاعل معها في JavaScript. عند إزالة عنصر من مصفوفة ، هناك طرق مختلفة تحت تصرفك. كل هذا يتوقف على مكان العنصر الذي تريد إزالته ، وكيف تريد تحديده.
تعرف على الطرق المختلفة لإزالة عنصر مصفوفة جافا سكريبت ، سواء كان ذلك في البداية أو النهاية أو في مكان ما بينهما.
1. قم بإزالة العنصر الأول من مصفوفة
لإزالة العنصر الأول في المصفوفة ، استخدم المدمج في JavaScript يحول() طريقة. إنه يعمل خارج الصندوق عن طريق إزالة العنصر ثم تحويل فهارس جميع العناصر المتبقية.
بعد إزالة العنصر ، تقوم طريقة shift بإعادته. هذا يعني أنه يمكنك تعيين العنصر الذي تمت إزالته إلى متغير آخر واستخدامه لاحقًا إذا كنت ترغب في ذلك.
إليك الطريقة:
مقدار ثابت demoArray = [1, 2, 3, 4, 5];
مقدار ثابت firstElement = demoArray.shift () ،
وحدة التحكم.log (demoArray) ؛ // السجلات [2 ، 3 ، 4 ، 5]
وحدة التحكم.log (العنصر الأول) ؛ // السجلات 1
2. قم بإزالة العنصر الأخير من صفيف
يحتوي JavaScript على ملف البوب () طريقة لإزالة العنصر الأخير في المصفوفة. مثل ال يحول() طريقة، البوب () إرجاع العنصر المحذوف من المصفوفة.
مقدار ثابت demoArray = [1, 2, 3, 4, 5];
مقدار ثابت lastElement = demoArray.pop () ،
وحدة التحكم.log (demoArray) ؛ // السجلات [1 ، 2 ، 3 ، 4]
وحدة التحكم.log (lastElement) ؛ // السجلات 5
Shift و pop هما الأكثر شيوعًا طرق مصفوفة جافا سكريبت، لكن يمكنهم فقط الوصول إليك حتى الآن. بصرف النظر عن هاتين الطريقتين ، هناك عدة طرق تمنحك مزيدًا من الدقة على العناصر التي تزيلها.
3. باستخدام عامل الحذف
بدلاً من ذلك ، يمكنك استخدام ملفات JavaScript يمسح عامل التشغيل لحذف عنصر مصفوفة معين في فهرس معين. ومع ذلك ، على عكس الطرق الأخرى التي نظرنا إليها من قبل ، هناك مشكلة.
ال يمسح يزيل عامل التشغيل القيمة فقط ، تاركًا المصفوفة بها فجوة فارغة في فهرسها. ومع ذلك ، يظل طول المصفوفة الأصلية كما هو ، حتى إذا قمت بحذف العنصر الأخير.
مقدار ثابت demoArray = [1, 2, 3, 4, 5];
يمسح صفيف تجريبي [2];
وحدة التحكم.log (demoArray [2]); // السجلات غير محددة
وحدة التحكم.log (demoArray.length) ؛ // السجلات 5
وحدة التحكم.log (demoArray) ؛ // السجلات [1 ، 2 ، فارغة ، 4 ، 5]
4. قم بإزالة عنصر صفيف حسب القيمة
يمكنك أيضًا حذف عنصر مصفوفة محدد حسب القيمة. لا توجد طريقة مضمنة للقيام بذلك ، ولكن يمكنك الجمع بين طريقتين موجودتين للقيام بذلك: دليل ل() و لصق او جمع().
سيمكنك هذان العنصران من إزالة عنصر معين من مصفوفة دون وجود فهرس. أولاً ، ابدأ بإيجاد مؤشر عنصر الفائدة باستخدام دليل ل():
مقدار ثابت demoArray = [1, 2, 3, 4, 5];
مقدار ثابت targetElementIndex = demoArray.indexOf (4);
وحدة التحكم.log (targetElementIndex) ، // السجلات 3
تُرجع الطريقة indexOf فهرس التواجد الأول للقيمة التي توفرها ، حتى إذا كانت القيمة موجودة أكثر من مرة. إذا لم يعثر على أي عنصر مطابق على الإطلاق ، فسيعود indexOf -1.
الآن بعد أن أصبح لديك فهرس العنصر الهدف ، يمكنك استخدام لصق او جمع() طريقة لحذف العنصر في هذا الفهرس. كل ما عليك فعله هو تمرير فهرس العنصر الهدف باعتباره الوسيطة الأولى ، متبوعًا بعدد العناصر التي تريد إزالتها.
لإزالة عنصر واحد فقط ، قم بتمرير القيمة 1 كالوسيطة الثانية:
demoArray.splice (targetElementIndex ، 1);
ال لصق او جمع() يعيد التابع مصفوفة من العناصر المحذوفة وسيقوم بتعديل المصفوفة الأصلية للعناصر ، تمامًا مثل يحول() و البوب ().
إذا كانت بعض هذه الطرق جديدة عليك ، فراجع موقعنا ورقة الغش الكاملة لجافا سكريبت. يحتوي على جميع طرق المصفوفات المتاحة لك ، ليس فقط للإزالة ، ولكن لعمليات أخرى مثل إضافة العناصر وتكرارها وعكسها وتصفيتها.
العمل مع مصفوفات JavaScript مثل المحترفين
تعد معرفة كيفية العمل مع المصفوفات في JavaScript أمرًا ضروريًا لجميع مطوري الويب نظرًا لعدد المرات التي ستصادفهم فيها.
المفاهيم الأساسية التي يجب إتقانها هي جميع الطرق المضمنة تحت تصرفك والتي يمكن أن تساعدك على فعل أي شيء تقريبًا عند العمل مع المصفوفات.