Różne sposoby usuwania elementu z tablicy przy użyciu JavaScript

Różne sposoby usuwania elementu z tablicy przy użyciu JavaScript

W JavaScript nie mamy żadnej metody array.remove() umożliwiającej usunięcie elementu. będziemy mieli tablicę i musimy usunąć dany element z tej tablicy i zwrócić wynikową tablicę w konsoli.

diff-sposoby-usunięcia-elementu-z-tablicy

Oto następujące metody rozwiązania tego problemu:

Spis treści

Notatka: Istnieje kilka innych metod tworzonych za pomocą wbudowanych metod JavaScript.

Metoda 1: Za pomocą dla pętli I naciskać () Metoda

Ta metoda nie zmutuje oryginalnej tablicy. Najpierw musisz utworzyć tablicę pustą(), a następnie zapętlić nową tablicę i wypchnąć tylko te elementy, które chcesz.

Przykład: Ten przykład pokazuje podejście wyjaśnione powyżej.

JavaScript




let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> const arrayWithoutGFG = [];> for> (let i = 0; i if (arr[i] !== 'GFG') { arrayWithoutGFG.push(arr[i]); } } // arr is same console.log(arr); console.log(arrayWithoutGFG);>

Wyjście

[ 'gfg', 'GFG', 'g', 'techcodeview.com' ] [ 'gfg', 'g', 'techcodeview.com' ] 

Metoda 2: Używanie Metoda Pop().

Ta metoda służy do usuwania ostatniego elementu tablicy i zwracania usuniętego elementu jako wyniku. Usunięcie elementu zmniejsza długość tablicy.

Przykład: W tym przykładzie metoda pop() służy do usuwania elementu tablicy.

JavaScript




function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.pop();> > console.log(name);> > console.log(arr.length)> }> myFunc();>

Wyjście

techcodeview.com 3 

Metoda 3: Używanie Metoda shift().

Ta metoda służy do usuwania elementu z początku tablicy. Ta metoda służy do zwracania pierwszego elementu tablicy. Zmniejsza także długość oryginalnej tablicy.

Przykład: W tym przykładzie metoda shift() służy do usuwania pierwszego elementu tablicy.

JavaScript




function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.shift();> > console.log(name);> > console.log(arr.length)> }> myFunc();>

Wyjście

gfg 3 

Metoda 4: Używanie Metoda splice().

Metoda ta służy do usunięcia istniejącego elementu lub zastąpienia zawartości tablicy poprzez usunięcie/dodanie nowego elementu.

Przykład: W tym przykładzie metoda splice zostanie użyta do usunięcia elementu z tablicy.

JavaScript




function> myFunc() {> > let myFruit = [> 'apple'> ,> 'banana'> ,> 'grapes'> ,> 'strawberry'> ];> > const removed = myFruit.splice(2, 2,> 'guava'> );> > > // Removed element in the array> > console.log(removed);> > // Length of the original array after deleting> > console.log(myFruit.length);> > // Original array after deleting the array> > console.log(myFruit);> }> myFunc();>

Wyjście

[ 'grapes', 'strawberry' ] 3 [ 'apple', 'banana', 'guava' ] 

Metoda 5: Używanie Metoda filter().

Ta metoda zwraca nową tablicę. Te elementy tablicy, które spełniają warunek funkcji, są przekazywane tylko do nowej tablicy. Ta metoda nie zmienia oryginalnej tablicy.

Przykład: W tym przykładzie użyjemy metody filter() do usunięcia elementu z tablicy.

JavaScript




const arr = [2, 7, 9, 15, 19];> function> isPrime(n) {> > for> (let i = 2; n>I; i++) {> > if> (n % i === 0) {> > return> false> ;> > }> > }> > return> n>1;> }> console.log(arr.filter(isPrime));>

Wyjście

[ 2, 7, 19 ] 

Metoda 6: Używanie usuń Operatora

Ten operator jest używany w szczególności do usuwania właściwości obiektu JavaScript.

Przykład: W tym przykładzie użyjemy operatora usuwania JavaScript, aby usunąć elementy z tablicy.

JavaScript




const arr = [2, 7, 9, 15, 19];> delete> arr[3];> console.log(arr);>

Wyjście

[ 2, 7, 9, , 19 ] 

Metoda 7: Używanie Metoda Lodash _.remove().

The Metoda _.usuń(). służy do usuwania wszystkich elementów z tablicy, której predykat zwraca True i zwraca usunięte elementy.

Przykład: Ten przykład pokazuje podejście wyjaśnione powyżej.

JavaScript




const _ = require(> 'lodash'> );> let arr = [1, 2, 3, 4, 5];> let even = _.remove(arr,> function> (n) {> > return> n % 2 == 0;> });> console.log(> 'Original Array '> , arr);> console.log(> 'Removed element array '> , even);>

Wyjście:

Original Array [ 1, 3, 5 ] Removed element array [ 2, 4 ]