4 sposoby na usunięcie określonego elementu z tablicy JavaScript

Tablice są jedną z typowych struktur danych, z którymi będziesz pracować w JavaScript. Podczas usuwania elementu z tablicy masz do dyspozycji różne metody. Wszystko zależy od tego, gdzie znajduje się element, który chcesz usunąć, i jak chcesz go zidentyfikować.

Zobacz, jakie są różne sposoby usuwania elementu tablicy JavaScript, czy to na początku, na końcu, czy gdzieś pomiędzy.

1. Usuń pierwszy element z tablicy

Aby usunąć pierwszy element z tablicy, użyj wbudowanego języka JavaScript zmiana() metoda. Działa od razu po wyjęciu elementu, a następnie przesunięciu indeksów wszystkich pozostałych elementów.

Po usunięciu elementu metoda shift zwraca go. Oznacza to, że możesz przypisać usunięty element do innej zmiennej i użyć go później, jeśli chcesz.

Oto jak:

konst demoTablica = [1, 2, 3, 4, 5];
konst pierwszyElement = demoTablica.shift();
konsola.log (demoTablica); // dzienniki [2, 3, 4, 5]
konsola.log (pierwszy element); // dzienniki 1

2. Usuń ostatni element z tablicy

JavaScript ma wbudowany Muzyka pop() metoda usuwania ostatniego elementu z tablicy. Jak zmiana() metoda, Muzyka pop() zwraca usunięty element z tablicy.

konst demoTablica = [1, 2, 3, 4, 5];
konst lastElement = demoArray.pop();
konsola.log (demoTablica); // dzienniki [1, 2, 3, 4]
konsola.log (ostatni element); // logi 5

Shift i pop to dwa najczęstsze Metody tablicowe JavaScript, ale mogą cię dosięgnąć tylko do tej pory. Oprócz tych dwóch istnieje kilka metod, które zapewniają większą precyzję w stosunku do usuwanych elementów.

3. Korzystanie z operatora usuwania

Alternatywnie możesz użyć JavaScript usuwać operator, aby usunąć dany element tablicy w określonym indeksie. Jednak w przeciwieństwie do innych metod, które omówiliśmy wcześniej, jest pewien haczyk.

The usuwać operator usuwa tylko wartość, pozostawiając tablicę z pustą luką w jej indeksie. Jednak długość oryginalnej tablicy pozostaje taka sama, nawet jeśli usuniesz ostatni element.

konst demoTablica = [1, 2, 3, 4, 5];
usuwać demonstracyjnaTablica[2];
konsola.log (demoTablica[2]); // dzienniki niezdefiniowane
konsola.log (demoArray.długość); // logi 5
konsola.log (demoTablica); // logi [1, 2, puste, 4, 5]

4. Usuń element tablicy według wartości

Możesz także usunąć określony element tablicy według wartości. Nie ma wbudowanej metody, aby to zrobić, ale możesz połączyć dwie istniejące metody, aby to zrobić: indeks() I splatać().

Te dwa elementy pozwolą ci usunąć określony element z tablicy bez indeksu. Najpierw zacznij od znalezienia indeksu interesującego Cię elementu indeks():

konst demoTablica = [1, 2, 3, 4, 5];
konst targetElementIndex = demoArray.indexOf(4);
konsola.log (wskaźnik elementu docelowego); // dzienniki 3

Metoda indexOf zwraca indeks pierwszego wystąpienia podanej wartości, nawet jeśli wartość występuje więcej niż raz. Jeśli w ogóle nie znajdzie pasującego elementu, indexOf zwraca -1.

Teraz, gdy masz indeks elementu docelowego, możesz użyć metody splatać() metodę usunięcia elementu w tym indeksie. Wszystko, co musisz zrobić, to przekazać indeks elementu docelowego jako pierwszy argument, a następnie liczbę elementów, które chcesz usunąć.

Aby usunąć tylko jeden element, przekaż wartość 1 jako drugi argument:

demoArray.splice (targetElementIndex, 1);

The splatać() Metoda zwraca tablicę usuniętych elementów i modyfikuje oryginalną tablicę elementów, tak jak zmiana() I Muzyka pop().

Jeśli niektóre z tych metod są dla Ciebie nowe, sprawdź nasze pełna ściągawka JavaScript. Zawiera wszystkie dostępne metody tablicowe, nie tylko do usuwania, ale także do innych operacji, takich jak dodawanie, zapętlanie, odwracanie i filtrowanie elementów.

Pracuj z tablicami JavaScript jak profesjonalista

Wiedza o tym, jak pracować z tablicami w JavaScript, jest niezbędna dla wszystkich twórców stron internetowych ze względu na to, jak często będziesz się z nimi spotykać.

Kluczowe pojęcia, które należy opanować, to wszystkie dostępne wbudowane metody, które mogą pomóc w wykonaniu prawie wszystkiego podczas pracy z tablicami.