4 τρόποι για να αφαιρέσετε ένα συγκεκριμένο στοιχείο από έναν πίνακα JavaScript

Οι πίνακες είναι μία από τις κοινές δομές δεδομένων με τις οποίες θα αλληλεπιδράτε στο JavaScript. Κατά την αφαίρεση ενός αντικειμένου από έναν πίνακα, υπάρχουν διαφορετικές μέθοδοι στη διάθεσή σας. Όλα εξαρτώνται από το πού βρίσκεται το στοιχείο που θέλετε να αφαιρέσετε και πώς θέλετε να το αναγνωρίσετε.

Δείτε ποιοι είναι οι διάφοροι τρόποι κατάργησης ενός στοιχείου πίνακα JavaScript, είτε είναι στην αρχή, στο τέλος ή κάπου στο ενδιάμεσο.

1. Αφαιρέστε το πρώτο στοιχείο από έναν πίνακα

Για να αφαιρέσετε το πρώτο στοιχείο σε έναν πίνακα, χρησιμοποιήστε το ενσωματωμένο JavaScript βάρδια() μέθοδος. Λειτουργεί εκτός πλαισίου αφαιρώντας το στοιχείο και στη συνέχεια μετατοπίζοντας τα ευρετήρια όλων των υπολοίπων στοιχείων.

Μετά την αφαίρεση του στοιχείου, η μέθοδος shift το επιστρέφει. Αυτό σημαίνει ότι μπορείτε να αντιστοιχίσετε το αφαιρεμένο στοιχείο σε μια άλλη μεταβλητή και να το χρησιμοποιήσετε αργότερα, αν θέλετε.

Δείτε πώς:

συνθ demoArray = [1, 2, 3, 4, 5];
συνθ firstElement = demoArray.shift();
κονσόλα.log (demoArray); // αρχεία καταγραφής [2, 3, 4, 5]
κονσόλα.log (firstElement); // αρχεία καταγραφής 1

2. Αφαιρέστε το τελευταίο στοιχείο από έναν πίνακα

Το JavaScript έχει ενσωματωμένο κρότος() μέθοδο για την αφαίρεση του τελευταίου στοιχείου σε έναν πίνακα. Σαν το βάρδια() μέθοδος, κρότος() επιστρέφει το αφαιρεθέν στοιχείο από τον πίνακα.

συνθ demoArray = [1, 2, 3, 4, 5];
συνθ lastElement = demoArray.pop();
κονσόλα.log (demoArray); // αρχεία καταγραφής [1, 2, 3, 4]
κονσόλα.log (lastElement); // αρχεία καταγραφής 5

Το Shift και το pop είναι δύο από τα πιο κοινά Μέθοδοι πίνακα JavaScript, αλλά μπορούν να σε πάνε μόνο μέχρι εδώ. Εκτός από αυτά τα δύο, υπάρχουν αρκετές μέθοδοι που σας δίνουν μεγαλύτερη ακρίβεια στα στοιχεία που αφαιρείτε.

3. Χρήση του τελεστή διαγραφής

Εναλλακτικά, μπορείτε να χρησιμοποιήσετε JavaScript διαγράφω τελεστή για να διαγράψει ένα δεδομένο στοιχείο πίνακα σε ένα συγκεκριμένο ευρετήριο. Ωστόσο, σε αντίθεση με άλλες μεθόδους που έχουμε εξετάσει προηγουμένως, υπάρχει μια σύλληψη.

ο διαγράφω Ο τελεστής αφαιρεί μόνο την τιμή, αφήνοντας έναν πίνακα με κενό κενό στο ευρετήριό του. Ωστόσο, το μήκος του αρχικού πίνακα παραμένει το ίδιο, ακόμα κι αν διαγράψετε το τελευταίο στοιχείο.

συνθ demoArray = [1, 2, 3, 4, 5];
διαγράφω demoArray[2];
κονσόλα.log (demoArray[2]); // αρχεία καταγραφής απροσδιόριστα
κονσόλα.log (demoArray.length); // αρχεία καταγραφής 5
κονσόλα.log (demoArray); // αρχεία καταγραφής [1, 2, κενό, 4, 5]

4. Αφαιρέστε ένα στοιχείο πίνακα κατά τιμή

Μπορείτε επίσης να διαγράψετε ένα συγκεκριμένο στοιχείο πίνακα ανά τιμή. Δεν υπάρχει ενσωματωμένη μέθοδος για να το κάνετε αυτό, αλλά μπορείτε να συνδυάσετε δύο υπάρχουσες μεθόδους για να το κάνετε αυτό: indexOf() και συνδέω().

Αυτά τα δύο θα σας επιτρέψουν να αφαιρέσετε ένα συγκεκριμένο στοιχείο από έναν πίνακα χωρίς να έχετε ευρετήριο. Αρχικά, ξεκινήστε βρίσκοντας το ευρετήριο του στοιχείου ενδιαφέροντος χρησιμοποιώντας indexOf():

συνθ demoArray = [1, 2, 3, 4, 5];
συνθ targetElementIndex = demoArray.indexOf(4);
κονσόλα.log (targetElementIndex); // αρχεία καταγραφής 3

Η μέθοδος indexOf επιστρέφει το δείκτη της πρώτης εμφάνισης της τιμής που παρέχετε, ακόμα κι αν η τιμή είναι παρούσα περισσότερες από μία φορές. Εάν δεν βρει καθόλου στοιχείο που να ταιριάζει, το indexOf επιστρέφει -1.

Τώρα που έχετε το ευρετήριο του στοιχείου προορισμού, μπορείτε να χρησιμοποιήσετε το συνδέω() μέθοδο για να διαγράψετε το στοιχείο σε αυτό το ευρετήριο. Το μόνο που έχετε να κάνετε είναι να περάσετε στο ευρετήριο του στοιχείου προορισμού ως πρώτο όρισμα, ακολουθούμενο από τον αριθμό των στοιχείων που θέλετε να καταργήσετε.

Για να αφαιρέσετε μόνο ένα στοιχείο, περάστε μια τιμή του 1 ως δεύτερο επιχείρημα:

demoArray.splice (targetElementIndex, 1);

ο συνδέω() μέθοδος επιστρέφει έναν πίνακα με τα στοιχεία που αφαιρέθηκαν και θα τροποποιήσει τον αρχικό πίνακα στοιχείων, όπως ακριβώς βάρδια() και κρότος().

Εάν ορισμένες από αυτές τις μεθόδους είναι νέες για εσάς, ανατρέξτε στη δική μας πλήρες cheatsheet JavaScript. Περιέχει όλες τις μεθόδους συστοιχίας που είναι διαθέσιμες σε εσάς, όχι μόνο για την αφαίρεση, αλλά και για άλλες λειτουργίες όπως η προσθήκη, η επαναφορά, η αντιστροφή και το φιλτράρισμα στοιχείων.

Εργαστείτε με συστοιχίες JavaScript σαν επαγγελματίας

Η γνώση του πώς να εργάζεστε με πίνακες σε JavaScript είναι απαραίτητη για όλους τους προγραμματιστές ιστού, λόγω του πόσο συχνά θα τους συναντάτε.

Οι βασικές έννοιες που πρέπει να κυριαρχήσετε είναι όλες οι ενσωματωμένες μέθοδοι που έχετε στη διάθεσή σας που μπορούν να σας βοηθήσουν να κάνετε σχεδόν τα πάντα όταν εργάζεστε με πίνακες.