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.
Questi sono i seguenti metodi per risolvere questo problema:
Tabella dei contenuti
- Utilizzo del metodo for loop e push()
- Utilizzando il metodo Pop()
- Utilizzando il metodo shift()
- Utilizzo del metodo splice()
- Utilizzando il metodo filter()
- Utilizzando l'operatore Elimina
- Utilizzo del metodo Lodash _.remove()
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 ]