Podczas masowego przetwarzania danych może wystąpić konieczność usunięcia niektórych wpisów z powodu aktualizacji. Na przykład usunięcie wartości na podstawie określonego atrybutu lub właściwości. Powoduje to wygodny dostęp do odpowiednich danych i usuwanie niechcianych wpisów. W takich sytuacjach usunięcie obiektu z tablicy według jego wartości w JavaScript jest bardzo pomocne w natychmiastowym dostępie do danych i oszczędzaniu pamięci.
W tym artykule omówimy podejścia do usuwania obiektu z tablicy według jego wartości w JavaScript.
Jak usunąć/wyeliminować obiekt z tablicy według jego wartości w JavaScript?
Aby wyeliminować obiekt z tablicy na podstawie jego wartości w JavaScript, zastosuj następujące podejście:
Omówmy każde z podanych podejść jeden po drugim!
Podejście 1: Usuń obiekt z tablicy według jego wartości w JavaScript za pomocą metod findIndex() i splice()
„ znajdźIndeks() ” zwraca indeks (pozycję) elementu bez wprowadzania jakichkolwiek zmian w oryginalnej tablicy. „ splatać() ” dodaje/usuwa poszczególne elementy tablicy i wpływa również na oryginalną tablicę. Metody te można wykorzystać do zlokalizowania indeksu obiektu, który należy usunąć. Następnie dany obiekt jest łączony na podstawie określonej liczby.
Składnia
tablica.findIndex ( funkcja ( currVal, indeks, tablica ) , wartość )W tej składni:
- “ funkcja ” odnosi się do funkcji, którą należy wywołać dla każdego elementu w tablicy.
- Parametry funkcji odnoszą się do indeksu bieżącej wartości w określonej tablicy.
- “ wartość ” wskazuje wartość, która musi zostać przekazana do funkcji jako „ ten ”.
tablica.splice ( indeks, numer, nowy )
W podanej składni:
- “ indeks ” wskazuje miejsce, w którym elementy mają zostać dodane lub usunięte.
- “ na jednego ” oznacza numer elementu.
- “ Nowy ” odpowiada nowym elementom jako zamiennik.
Przykład
Postępujmy zgodnie z poniższym kodem:
< scenariusz rodzaj = „tekst/javascript” >wynajmować podana tablica = [ { wiek: 18 } , { wiek: 20 } , { wiek: 25 } ] ;
wynajmować usuńObiekt = podanaTablica.findIndex ( obiekt = > {
zwrócić obiekt.wiek === 18 ;
} ) ;
log konsoli ( „Indeks obiektu do usunięcia to:” , usuńObiekt ) ;
podanyArray.splice ( usuńObiekt, 1 ) ;
log konsoli ( „Tablica po usunięciu obiektu według wartości staje się:” , podana tablica ) ;
scenariusz >
W powyższym fragmencie kodu:
- Zadeklaruj tablicę obiektów o podanych właściwościach.
- W następnym kroku powiąż „ znajdźIndeks() ” z tablicą zadeklarowaną w poprzednim kroku.
- Doprowadzi to do iteracji przez każdy element (obiekt) w tablicy.
- W rezultacie zostanie wyświetlony indeks konkretnego obiektu z tablicy, który pasuje do podanej wartości względem właściwości, tj. 18.
- Następnie zastosuj „ splatać() ”, odwołując się do pobranego indeksu, który usunie konkretny obiekt z tego indeksu.
- Zwróć uwagę, że „ 1 ” określa liczbę obiektów, które należy usunąć.
- Na koniec wyświetl tablicę wynikowego obiektu.
Wyjście
Na powyższym wyjściu widać, że wyświetlany jest indeks konkretnego obiektu, który później jest usuwany.
Podejście 2: Usuń obiekt z tablicy według jego wartości w JavaScript przy użyciu metody filter().
„ filtr() ” tworzy nową tablicę elementów, które przejdą określony test. Metodę tę można zastosować do filtrowania obiektu, który należy usunąć, na podstawie warunku za pomocą operatora porównania.
Składnia
filtr.tablicy ( funkcja ( wartość ) , ten )Tutaj:
- “ funkcja ” wskazuje na funkcję, która przekieruje do funkcji filtrowania.
- “ wartość ” to wartość bieżącego elementu.
- “ ten ” oznacza wartość przekazaną do funkcji.
Przykład
Omówmy poniższy przykład:
< scenariusz rodzaj = „tekst/javascript” >wynajmować podana tablica = [ { rozmiar: 35 } , { rozmiar: 40 } , { rozmiar: Cztery pięć } ] ;
log konsoli ( „Podana tablica to:” , podana tablica )
wynajmować nowaTablica = podanaTablica.filter ( obiekt = > {
zwrócić obiekt.rozmiar ! == Cztery pięć ;
} ) ;
log konsoli ( „Tablica po usunięciu obiektu według wartości staje się:” , nowaTablica ) ;
scenariusz >
Zastosuj następujące kroki, jak podano w powyższych wierszach kodu:
- Podobnie zadeklaruj tablicę obiektów i wyświetl ją.
- Następnie zastosuj „ filtr() ” metodą odwołując się do elementów (obiektów).
- Teraz przefiltruj powiązaną tablicę w taki sposób, aby nowa tablica została utworzona na podstawie spełnionego warunku za pomocą „ nie równe (!==) operator porównania.
- Na koniec wyświetl przefiltrowaną tablicę.
Wyjście
Powyższe dane wyjściowe wskazują, że tworzona jest nowa tablica filtrowanych obiektów.
Podejście 3: Usuń obiekt z tablicy według jego wartości w JavaScript przy użyciu metody pop().
„ Muzyka pop() ” eliminuje ostatni element w tablicy, a także wpływa na oryginalną tablicę. Ta metoda może być wykorzystana do wyjęcia określonego obiektu z tablicy i utworzenia zaktualizowanej tablicy z usuniętym obiektem.
Przykład
Poniższy przykład ilustruje omawianą koncepcję:
< scenariusz rodzaj = „tekst/javascript” >wynajmować podana tablica = [ { Nazwa: 'Złupić' } , { Nazwa: „Dawid” } ]
wynajmować nowaTablica = podanaTablica.pop ( obiekt = > {
zwrócić obiekt.nazwa = 'Złupić'
} )
log konsoli ( „Tablica po usunięciu obiektu według wartości staje się:” , nowaTablica ) ;
scenariusz >
W powyższym fragmencie kodu:
- Podobnie zadeklaruj tablicę obiektów o podanych właściwościach.
- W następnym kroku zastosuj „ Muzyka pop() ” metoda usunięcia konkretnego obiektu mającego określoną wartość w stosunku do właściwości „ Nazwa ”.
- W rezultacie w wynikowej tablicy pozostanie tylko jeden obiekt „ nowyArr ”.
- Na koniec wyświetl tablicę zaktualizowanego obiektu, tj. newArr.
Wyjście
Powyższe dane wyjściowe oznaczają, że żądane wymaganie zostało spełnione.
Wniosek
„ znajdźIndeks() ' oraz ' splatać() ” metody, „ filtr() ” metoda lub „ Muzyka pop() ” można zastosować do usunięcia obiektu z tablicy według jego wartości w JavaScript. Podejścia te usuwają określony obiekt na podstawie indeksowania, filtrowania go za pomocą operatora not equal(!==) lub po prostu umieszczania go odpowiednio pod warunkiem. W tym artykule wyjaśniono podejścia do usuwania/eliminowania obiektu z tablicy według jego wartości za pomocą JavaScript.