הסרת אלמנטים ממערך ב- JavaScript



במאמר זה תוכלו לקבל הדרכה מלאה על שיטות שונות להסרת אלמנטים ממערך ב- JavaScript עם דוגמאות.

לרוב אז אין צורך במניפולציה על מערך שנוצר משום מקום. ישנן שיטות שונות למניפולציות כאלה, אחת מהן כוללת את השיטה להסרת אלמנט. במאמר זה, אני אלווה אותך בשיטות שונות להסרת אלמנטים ממערך . להלן עצות המאמר בו יתמקד,

בואו נתחיל אז,





הסרת אלמנטים ממערך ב- JavaScript

שיטת פופ

שיטת pop () מסירה את האלמנט מקצה המערך, ממש כמו מחסנית. לעומת זאת, שיטת ה- push () מוסיפה אלמנט לסוף המערך.השיטות מיישמות את הרעיון LIFO (Last-In-First-Out).

['רוק', 'מטאל', 'בלוז', 'ג'אז'] list.pop () ['רוק', 'מטאל', 'בלוז']

הקוד מסיר את האלמנט האחרון במערך כלומר 'ג'אז'.שיטת הדחיפה () מוסיפה את האלמנט בחזרה למערך.



שיטת משמרת: הסרת אלמנטים ממערך ב- JavaScript

שיטת shift () מסירה את האלמנט מתחילתו של מערך. לעומת זאת, שיטת unshift () מוסיפה את האלמנט חזרה לתחילת המערך.

['רוק', 'מטאל', 'בלוז', 'ג'אז'] list.shift () ['מטאל', 'בלוז', 'ג'אז']

הקוד מסיר את האלמנט הראשון כלומר Rock מהמערך.בשימוש בשיטת unshift (), 'רוק' יתווסף למערך.

שיטת אחוי

שיטת splice () מסירה חלק מסוים או סלקטיבי של המערך.זה מתגלה כשיטת תושייה להסרת, החלפה או הוספה של אלמנטים למערך.



['רוק', 'מטאל', 'בלוז', 'ג'אז'] list.splice (2, 1) // החל ממיקום האינדקס 2, הסר אלמנט אחד ['רוק', 'מטאל', 'ג'אז'] .splice (2,2) // החל ממיקום האינדקס 2, הסר שני אלמנטים ['רוק', 'מתכת']

בדוגמה שלעיל, שיטת הפרוסה מסירה את האלמנטים בהתאם לאינדקס שצוין.

'בלוז' מוסר מהדוגמה הראשונה כשהוא ממוקם באינדקס 2.

יש vs זה ג'אווה

בדוגמה השנייה, שני אלמנטים כלומר 'בלוז' ו'ג'אז 'מוסרים, שכן האינדקס מציין כי יש להסיר שני אלמנטים, החל מאינדקס 2.

יש לציין כי מערכים הם באינדקס אפס ב- JavaScript.

בהמשך הדרך עם מאמר זה בנושא הסרת אלמנטים ממערך ב- JavaScript,

אחוי לטווח אלמנטים

מתקבל על הדעת להסיר אלמנטים עוקבים באמצעות שיטת splice ():

['רוק', 'מטאל', 'בלוז', 'ג'אז'] list.splice (0, 2) // החל ממצב אינדקס 0, הסר שני אלמנטים ['בלוז', 'ג'אז']

הקוד מסיר את הערכים המוזכרים בשיטת ה- splice.

הסר אלמנטים לפי ערך: הסרת אלמנטים ממערך ב- JavaScript,

אנו יכולים לחפש אלמנט באמצעות splice () ולהסיר אותו ברציפות.ניתן לשלב שיטה זו עם הפקודה indexOf (), המחזירה את האינדקס הראשון בו ניתן למצוא אלמנט נתון. אם האלמנט לא נמצא, הוא מחזיר -1 כפלט.

בדוגמה הבאה, אנו מסירים את האלמנט 'בלוז':

['רוק', 'מטאל', 'בלוז', 'ג'אז'] // מצא את מיקום האינדקס של 'בלוז', והסר אלמנט אחד מאותה רשימת מיקומים. ספליס (list.indexOf ('בלוז'), 1)

הקוד מסיר את האלמנט 'בלוז', לאחר שגילה את מיקום האינדקס של האלמנט.

להעביר קבצים למופע לינוקס ec2

הסר טווח של אלמנטים לפי ערך

JavaScript מאפשר לנו להסיר מספר אלמנטים מהמערך.

['רוק', 'מטאל', 'בלוז', 'בלוז', 'ג'אז'] לרשימה (var i = list.length-1 i -) {if (list [i] === 'Blues') .splice (i, 1)} ['רוק', 'מטאל', 'ג'אז']

הקוד מסיר את כל המופעים של האלמנט 'בלוז'.

נתחיל בקטע הסופי של מאמר זה בנושא הסרת אלמנטים ממערך ב- JavaScript,

שיטת פילטר מערך

במקום למוטט את המערך עליו נקרא, filter () יוצר מערך חדש.יש לו פרמטר יחיד, המכונה שיטת התקשרות חוזרת. שיטת ההתקשרות מופעלת כאשר שיטת המסנן חוזרת על אלמנטים של המערך.

הוא מעביר שלושה ערכים להתקשרות חוזרת:

  • הערך הנוכחי
  • אינדקס המערך הנוכחי
  • המערך המלא

הוא מחזיר שני ערכים: נכון או שקר. אלמנטים שמחזירים נכון מתווספים למערך החדש שנוצר על ידי המסנן ().

מה זה סקריפט JavaScript
var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0] var filtered = array.filter (function (value, index, arr) {value return> 4}) // filtered = > [5,6, 7, 8, 9]

המערך המסונן מורכב מהאלמנטים המתגלים כנכונים.

הסרת אלמנטים ממערך יכולה להיות מעט מייגעת במהותה, אך למעשה, שיטות אלה הן היעילות ביותר ובעלות התושייה.

בכך אנו מגיעים לסוף הבלוג הזה בנושא 'הסרת אלמנטים ממערך ב- JavaScript'. אני מקווה שמצאת זאת אינפורמטיבי ומועיל, הישאר מעודכן לקבלת הדרכות נוספות בנושאים דומים. תוכל גם לבדוק את תוכנית ההדרכה שלנותוכל לקבל ידע מעמיק ב- jQuery יחד עם היישומים השונים שלה לאימונים מקוונים חיים עם תמיכה 24/7 וגישה לכל החיים.

יש לך שאלה עבורנו? הזכר אותם במדור התגובות בבלוג זה ונחזור אליך.