אתה יכול למחוק רכיב מערך בכמה דרכים שונות, אז וודא שאתה בוחר את המתאים ביותר לנסיבות שלך.
מערכים הם אחד ממבני הנתונים הנפוצים שאיתם תתקשר ב-JavaScript. בעת הסרת פריט ממערך, עומדות לרשותך שיטות שונות. הכל תלוי איפה האלמנט שאתה רוצה להסיר, וכיצד אתה רוצה לזהות אותו.
ראה מהן הדרכים השונות להסרת רכיב מערך JavaScript, בין אם זה בהתחלה, בסוף או איפשהו באמצע.
1. הסר את האלמנט הראשון ממערך
כדי להסיר את האלמנט הראשון במערך, השתמש ב- JavaScript המובנה מִשׁמֶרֶת() שיטה. זה עובד מחוץ לקופסה על ידי הסרת הפריט ואז העברת האינדקסים של כל הפריטים הנותרים.
לאחר הסרת הפריט, שיטת ה-shift מחזירה אותו. זה אומר שאתה יכול להקצות את האלמנט שהוסר למשתנה אחר ולהשתמש בו מאוחר יותר אם תרצה.
כך:
const demoArray = [1, 2, 3, 4, 5];
const firstElement = demoArray.shift();
לְנַחֵם.log (demoArray); // יומנים [2, 3, 4, 5]
לְנַחֵם.log (firstElement); // יומנים 1
2. הסר את האלמנט האחרון ממערך
JavaScript יש מובנה פּוֹפּ() שיטה להסרת הפריט האחרון במערך. כמו מִשׁמֶרֶת() שיטה, פּוֹפּ() מחזיר את הפריט שהוסר מהמערך.
const demoArray = [1,
2, 3, 4, 5];
const lastElement = demoArray.pop();
לְנַחֵם.log (demoArray); // יומנים [1, 2, 3, 4]
לְנַחֵם.log (lastElement); // יומנים 5
Shift ופופ הם שניים מהנפוצים ביותר שיטות מערך JavaScript, אבל הם יכולים להביא אותך רק עד כה. מלבד שתי אלה, ישנן מספר שיטות המעניקות לך דיוק רב יותר לגבי האלמנטים שאתה מסיר.
3. שימוש ב-Delete Operator
לחלופין, אתה יכול להשתמש ב-JavaScript לִמְחוֹק אופרטור למחיקת רכיב מערך נתון באינדקס ספציפי. עם זאת, בניגוד לשיטות אחרות שבדקנו בעבר, יש מלכוד.
ה לִמְחוֹק האופרטור רק מסיר את הערך ומשאיר מערך עם פער ריק באינדקס שלו. עם זאת, אורך המערך המקורי נשאר זהה, גם אם תמחק את האלמנט האחרון.
const demoArray = [1, 2, 3, 4, 5];
לִמְחוֹק demoArray[2];
לְנַחֵם.log (demoArray[2]); // יומנים לא מוגדרים
לְנַחֵם.log (demoArray.length); // יומנים 5
לְנַחֵם.log (demoArray); // יומנים [1, 2, ריק, 4, 5]
4. הסר רכיב מערך לפי ערך
ניתן גם למחוק פריט מערך ספציפי לפי ערך. אין שיטה מובנית לעשות זאת, אבל אתה יכול לשלב שתי שיטות קיימות כדי לעשות זאת: אינדקס של() ו אִחוּי().
שני אלה יאפשרו לך להסיר אלמנט מסוים ממערך מבלי שיהיה לך אינדקס. ראשית, התחל במציאת האינדקס של אלמנט העניין באמצעות אינדקס של():
const demoArray = [1, 2, 3, 4, 5];
const targetElementIndex = demoArray.indexOf(4);
לְנַחֵם.log (targetElementIndex); // יומנים 3
שיטת indexOf מחזירה את האינדקס של ההופעה הראשונה של הערך שאתה מספק, גם אם הערך קיים יותר מפעם אחת. אם הוא לא מוצא אלמנט תואם בכלל, indexOf מחזיר -1.
כעת, לאחר שיש לך את האינדקס של אלמנט היעד, אתה יכול להשתמש ב- אִחוּי() שיטה למחיקת הפריט באותו אינדקס. כל שעליכם לעשות הוא להעביר את האינדקס של רכיב המטרה כארגומנט הראשון, ולאחריו את מספר הפריטים שברצונכם להסיר.
כדי להסיר פריט בודד בלבד, העבר ערך של 1 כטיעון השני:
demoArray.splice (targetElementIndex, 1);
ה אִחוּי() השיטה מחזירה מערך של האלמנטים שהוסרו ותשנה את מערך האלמנטים המקורי, בדיוק כמו מִשׁמֶרֶת() ו פּוֹפּ().
אם חלק מהשיטות האלה חדשות לך, בדוק את שלנו גיליון רמאות מלא של JavaScript. הוא מכיל את כל שיטות המערך הזמינות עבורך, לא רק להסרה, אלא לפעולות אחרות כמו הוספה, לולאה, היפוך וסינון פריטים.
עבוד עם מערכי JavaScript כמו מקצוען
לדעת איך לעבוד עם מערכים ב-JavaScript חיוני לכל מפתחי האינטרנט בגלל התדירות שבה אתה נתקל בהם.
מושגי המפתח לשלוט בהם הם כל השיטות המובנות העומדות לרשותך שיכולות לעזור לך לעשות כמעט כל דבר בעבודה עם מערכים.