كيفية إزالة عنصر من قائمة باستخدام جافا سكريبت: طريقة سهلة

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

أولا ، دعنا نحدد ما هو عنصر القائمة. في هتمل ، يتم إنشاء عنصر قائمة باستخدام علامة

الركن 1

الركن 2

الركن 3

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

في هذا الرمز ، نجد أولا القائمة حسب العلامة

1. طريقة سهلة لإزالة عنصر من قائمة باستخدام جافا سكريبت
2. كيفية إزالة عنصر من قائمة
3. حذف عنصر باستخدام طريقة لصق()
4. مثال على استخدام طريقة لصق () لإزالة عنصر من قائمة
5. حذف عنصر حسب القيمة في القائمة
6. سؤال وجواب
7. كيف يمكنني إزالة عنصر من قائمة باستخدام جافا سكريبت?
8. كيف يمكنني إزالة كافة العناصر من قائمة باستخدام جافا سكريبت?
9. هل يمكنني حذف عدة عناصر من القائمة في نفس الوقت?
10. هل هناك طرق بديلة لإزالة العناصر من القائمة باستخدام جافا سكريبت?

طريقة سهلة لإزالة عنصر من قائمة باستخدام جافا سكريبت

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

بادئ ذي بدء ، دعونا إنشاء ترميز هتمل من القائمة التي سنقوم بحذف العناصر:

الآن ، لنلق نظرة على شفرة جافا سكريبت التي ستسمح لنا بإزالة العناصر من هذه القائمة.:

قائمة كونست = وثيقة.جيتليمنتبيد ("مايليست") ؛ / / الحصول على القائمة بمعرفها

قائمة.أدفينتليستينر ("انقر" ، وظيفة (الحدث) {//إضافة معالج الحدث انقر إلى القائمة

إذا (حدث.الهدف.تاغنام = = = "لي") {//تحقق من أن العنصر الذي تم النقر عليه هو لي

حدث.الهدف.إزالة () علامة ؛ / / إزالة العنصر الذي تم النقر عليه من القائمة

}

});

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

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

كيفية إزالة عنصر من قائمة

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

لإنشاء قائمة غير مرتبة.:

:

كونست مايليست = وثيقة.جيتليمنتبيد ("مايليست");

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

كونست ليستيتمز = مايليست.الحصول على العناصربيتاجنام ("لي");

لحذف عنصر:

مايليست.إزالة الطفل (قوائم[2]);

في هذا المثال ، نقوم بحذف العنصر الثالث لأن فهرسة العناصر في المجموعة تبدأ من 0.

هذا كل شيء! تمت إزالة البند 3 من القائمة.

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

حذف عنصر باستخدام لصق ()

طريقة طريقة لصق () هو وسيلة مريحة لإزالة عنصر من صفيف في جافا سكريبت.

بناء الجملة من الأسلوب هو كما يلي:

صفيف.لصق (فهرس, كمانيتوديليت, البند 1, البند 2,...، إيتمكس)

أين:

• الفهرس هو فهرس العنصر المراد حذفه.
• كيفمانيتوديليت-عدد العناصر المراد حذفها ، بدءا من الفهرس المحدد.
• البند 1, البند 2,...، إيتمكس هي العناصر التي سيتم إدراجها بدلا من العناصر المحذوفة.

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

على سبيل المثال ، إذا كان لدينا المصفوفة التالية:

الفواكه فار = ["التفاح" ، "الموز" ، "البرتقال" ، "الكمثرى" ، "البرقوق"];

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

الفواكه.لصق (3 ، 1);

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

["تفاحة" ، "موز" ، "برتقالي" ، "برقوق"]

حددنا فهرس 3 وعدد العناصر المراد حذفها هو 1 ، وبالتالي فإن طريقة لصق() حذف عنصر "الكمثرى".

إذا أردنا حذف عناصر متعددة ، يمكننا تحديد قيمة أكبر لمعلمة هومانيتوديليت.

على سبيل المثال ، إذا أردنا حذف العناصر ذات الفهرس 1 و 2 ، فيمكننا استخدام الكود التالي:

الفواكه.لصق (1 ، 2);

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

["تفاحة" ، "برقوق"]

حددنا فهرس 1 وعدد العناصر المراد حذفها هو 2 ، وبالتالي فإن طريقة لصق() حذف عناصر "الموز" و "البرتقالي".

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

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

الفواكه.لصق (1 ، 0 ، "مانجو");

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

["تفاحة" ، "مانجو" ، "برقوق"]

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

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

مثال على استخدام طريقة لصق () لإزالة عنصر من قائمة

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

ضع في اعتبارك مثالا على استخدام طريقة لصق () لإزالة عنصر من قائمة:

نحن نعرض قائمة محدثة:

وحدة التحكم.سجل (قائمة);

• نتيجة لتنفيذ التعليمات البرمجية أعلاه ، سيتم عرض القائمة التالية:
• الركن 1

الركن 2

الركن 4

تأخذ طريقة لصق () وسيطتين: فهرس العنصر المراد حذفه وعدد العناصر المراد حذفها. في هذا المثال ، حددنا 1 عنصر لحذف عنصر واحد فقط مع الفهرس المحدد.

لاحظ أن طريقة لصق () تعدل المصفوفة الأصلية ، لذلك في مثالنا ، المتغير

القائمة

1. يحتوي على قائمة محدثة بدون العنصر المحذوف.
2. حذف عنصر حسب القيمة في القائمة

لإزالة عنصر من القائمة حسب قيمته ، يمكنك استخدام الخوارزمية التالية:

انتقل من خلال القائمة وابحث عن فهرس العنصر بالقيمة المطلوبة.

إذا تم العثور على عنصر ، فقم بإزالته من القائمة باستخدام وظيفة لصق.

فيما يلي نموذج لشفرة جافا سكريبت يوضح كيفية إزالة عنصر بقيمته من القائمة:

وظيفة إزالةالعنصرالقيمة (قائمة ، قيمة) {

مؤشر كونست = قائمة.مؤشر (القيمة);

إذا (مؤشر !== -1) {

قائمة.لصق (فهرس ، 1);

}

}

قائمة كونست = [1, 2, 3, 4, 5];

إزالة العنصر بالقيمة (القائمة ، 3);

وحدة التحكم.سجل (قائمة); // [1, 2, 4, 5]

في هذا المثال ، لدينا قائمة بالأرقام [1, 2, 3, 4, 5]. نحن ندعو وظيفة ريموفيليمنتبيفالو وتمريرها القائمة والقيمة 3. تعثر الدالة على فهرس العنصر بالقيمة 3 في القائمة وتحذفها باستخدام وظيفة لصق. نتيجة لذلك ، نحصل على قائمة [1, 2, 4, 5].

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

سؤال وجواب

كيف يمكنني إزالة عنصر من قائمة باستخدام جافا سكريبت?

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

كيف يمكنني إزالة كافة العناصر من قائمة باستخدام جافا سكريبت?

لإزالة جميع العناصر من القائمة ، يمكنك ببساطة تعيين مصفوفة فارغة للمتغير الذي يحتوي على القائمة. على سبيل المثال ، إذا كانت قائمتك في متغير `القائمة` ، يمكنك حذف جميع العناصر على النحو التالي: `قائمة = []'.

هل يمكنني حذف عدة عناصر من القائمة في نفس الوقت?