Diversi modi per eliminare un elemento da un array utilizzando JavaScript

Diversi modi per eliminare un elemento da un array utilizzando JavaScript

In Javascript non abbiamo alcun metodo array.remove() per eliminare l'elemento. avremo un array e dovremo eliminare un dato elemento da quell'array e restituire l'array risultante nella console.

modi-diff per eliminare-un-elemento-dall

Questi sono i seguenti metodi per risolvere questo problema:

Tabella dei contenuti

Nota: Esistono altri metodi creati da metodi incorporati JavaScript.

Metodo 1: Utilizzando per ciclo E spingere () Metodo

Questo metodo non modificherà l'array originale. Per prima cosa devi creare un array vuoto() e poi eseguire il loop sul nuovo array e inserire solo gli elementi che desideri.

Esempio: Questo esempio mostra l'approccio spiegato sopra.

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);>

Produzione

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

Metodo 2: utilizzo Metodo Pop()

Questo metodo viene utilizzato per eliminare l'ultimo elemento dell'array e restituire l'elemento eliminato come output. La rimozione dell'elemento diminuisce la lunghezza dell'array.

Esempio: In questo esempio, il metodo pop() viene utilizzato per eliminare l'elemento di un array.

Javascript




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

Produzione

techcodeview.com 3 

Metodo 3: utilizzo metodo shift()

Questo metodo viene utilizzato per eliminare un elemento dall'inizio di un array. Questo metodo viene utilizzato per restituire il primo elemento di un array. Diminuisce anche la lunghezza dell'array originale.

Esempio: In questo esempio, il metodo shift() viene utilizzato per eliminare il primo elemento di un array.

Javascript




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

Produzione

gfg 3 

Metodo 4: utilizzo Metodo splice()

Questo metodo viene utilizzato per eliminare l'elemento esistente o sostituire il contenuto dell'array rimuovendo/aggiungendo un nuovo elemento.

Esempio: In questo esempio, il metodo splice verrà utilizzato per eliminare l'elemento da un array.

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();>

Produzione

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

Metodo 5: utilizzo metodo filter()

Questo metodo restituisce il nuovo array. Gli elementi dell'array che soddisfano la condizione di funzione vengono passati solo al nuovo array. Questo metodo non modifica l'array originale.

Esempio: In questo esempio utilizzeremo il metodo filter() per eliminare un elemento da un array.

Javascript




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

Produzione

[ 2, 7, 19 ] 

Metodo 6: utilizzo eliminare l'operatore

Questo operatore viene utilizzato più specificamente per eliminare le proprietà dell'oggetto JavaScript.

Esempio: In questo esempio, utilizzeremo l'operatore JavaScript delete per eliminare elementi da un array.

Javascript




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

Produzione

[ 2, 7, 9, , 19 ] 

Metodo 7: utilizzo Metodo Lodash _.remove()

IL Metodo _.remove() viene utilizzato per rimuovere tutti gli elementi dall'array il cui predicato restituisce True e restituisce gli elementi rimossi.

Esempio: Questo esempio mostra l'approccio spiegato sopra.

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);>

Produzione:

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