Come rimuovere gli elementi da un array in JavaScript

Come rimuovere gli elementi da un array in JavaScript

Gli array ci consentono di archiviare un tipo di dati simili in un'unica variabile. Possiamo quindi ripetere i dati archiviati negli array ed eseguire funzioni diverse per manipolare i dati in base alle nostre esigenze. Un singolo pezzo di dati in un array è noto come elemento. JavaScript ci dà la possibilità di aggiungere e rimuovere elementi da un array dopo averlo dichiarato e inizializzato. In questo post ci concentreremo solo sui metodi che possono essere utilizzati rimuovendo un elemento da un array.

JavaScript fornisce numerosi metodi che possono essere utilizzati per rimuovere gli elementi dell'array; In questo post discuteremo quattro di questi metodi. Ecco l'elenco dei quattro metodi più comuni per rimuovere un elemento di array in JavaScript:

  • spostare()
  • pop()
  • filtro()
  • splice ()

Ne discuteremo uno per uno in dettaglio.

Nota: Userò la console per dimostrare gli esempi presenti in questo post.

Come rimuovere un elemento dall'inizio di un array usando il metodo Shift ()

Il metodo JavaScript Shift () è comunemente usato per sbarazzarsi di un elemento dall'inizio di un array JavaScript. Questo metodo non prende argomenti. Possiamo semplicemente chiamarlo e rimuoverà un elemento dall'inizio dell'array e sposterà ogni altro elemento di 1 indice:

var num = [0, 1, 2, 3, 4, 5];
Num.spostare();
console.log (num);

Come sbarazzarsi di un elemento array usando il metodo pop ()

Il metodo pop JavaScript può essere usato per sbarazzarsi di un elemento dalla fine di un array JavaScript. Simile al metodo Maiusc () non prende inoltre alcun argomento:

var num = [0, 1, 2, 3, 4, 5];
Num.pop();
console.log (num);

Come rimuovere gli elementi da un array utilizzando il metodo Filter ()

Il metodo Filter () può essere utilizzato per rimuovere gli elementi di un array in base a una determinata condizione; L'applicazione del metodo Filter () sull'array non cambia piuttosto che crea un nuovo array costituito dagli elementi richiesti. Prende una funzione di richiamata come parametro

Ora, ad esempio, useremo il metodo Filter () per rimuovere ogni elemento da un array che è maggiore di 2:

var num = [0, 1, 2, 3, 4, 5];
var num2 = num.filtro (elemento => elemento < 3)
console.log (num2);


Ora rimuoviamo ogni elemento che meno di 3:

var num = [0, 1, 2, 3, 4, 5];
var num2 = num.filtro (elemento => elemento> 2)
console.log (num2);

Come rimuovere gli elementi dal centro di un array usando il metodo Splice ()

Il metodo/funzione Splice () può essere utilizzato per inserire o rimuovere un elemento di un array. Dovremo dare due parametri al metodo Splice () se vogliamo usarlo per rimuovere gli elementi da un array. Il primo parametro definirà il punto di partenza da cui il metodo Splice () rimuoverà gli elementi e il secondo elemento specificherà il numero di elementi che verranno rimossi dall'array:

var num = [1, 2, 3, 4, 5];
Num.giunzione (2, 2);
console.log (num);

Conclusione

In questa guida completa abbiamo discusso di quattro diversi metodi per rimuovere elementi da un array in JavaScript. Possiamo usare i metodi Shift () e Pop () per rimuovere rispettivamente elementi/elementi dall'inizio e dalla fine di un oggetto array. Se abbiamo bisogno del nostro array originale per rimanere invariato e vogliamo creare un nuovo array che ha elementi che passi una determinata condizione, dovremmo usare il metodo filtro (). Il metodo Splice () è il migliore quando si tratta di rimuovere un elemento da un array perché ci dà il controllo degli elementi che vogliamo rimuovere. Possiamo specificare l'indice e il numero di elementi che vogliamo rimuovere nel metodo Splice ().