JavaScript Rimuovi indice dall'array

1. Usa la funzione splice() per rimuovere un elemento specifico dall’array JavaScript
2. Usa Array.filter() per rimuovere un elemento specifico dall’array JavaScript
3. Usa la libreria Underscore.js per rimuovere un elemento specifico dall’array JavaScript
4. Usa la libreria Lodash per rimuovere un elemento specifico dall’array JavaScript

Questo tutorial insegna come rimuovere un elemento specifico da un array in JavaScript.

Usa la funzione splice() per rimuovere un elemento specifico dall’array JavaScript

Il metodo splice() può modificare il contenuto dell’array aggiungendo/rimuovendo elementi. Accetta i 3 argomenti seguenti:

1. index: un valore intero che specifica la posizione per aggiungere/rimuovere elementi. Possiamo anche specificare un indice dal retro dell’array utilizzando indici negativi.
2. howmany: è un parametro opzionale. Specifica quanti elementi verranno rimossi dall’array. Se è impostato su 0, nessun elemento viene rimosso.
3. item1, item2, ... ,itemx: gli elementi da aggiungere all’array.

const array = [1, 2, 3, 4, 5];
const index = array.indexOf(3);
if (index > -1) {
  array.splice(index, 1);
}
console.log(array);

Produzione:

[1, 2, 4, 5]

Nel codice sopra, troviamo prima l’indice dell’elemento che vogliamo rimuovere e poi usiamo il metodo splice() per rimuovere l’elemento dell’array.

Usa Array.filter() per rimuovere un elemento specifico dall’array JavaScript

I metodi filter passano in rassegna l’array e filtrano gli elementi che soddisfano una determinata condizione. Possiamo usarlo per rimuovere l’elemento di destinazione e mantenere il resto. Ci aiuta a rimuovere più elementi contemporaneamente.

var toRemove = 1;
var arr = [1, 2, 3, 4, 5];
arr = arr.filter(function(item) {
  return item !== toRemove
});
console.log(arr)

Produzione:

[2, 3, 4, 5]

Usiamo la funzione filter per mantenere ogni elemento che non è uguale all’elemento da rimuovere e assegniamo l’array appena formato all’array originale.

Usa la libreria Underscore.js per rimuovere un elemento specifico dall’array JavaScript

Underscore.js è una libreria molto utile che ci fornisce molte funzioni utili senza estendere nessuno degli oggetti incorporati. Per rimuovere gli elementi target da un array JavaScript, dobbiamo usare la funzione without(). Questa funzione restituisce una copia dell’array con tutte le copie dell’elemento di destinazione rimosse.

const arr = [1, 2, 1, 0, 3, 1, 4];
arr = _.without(arr, 0, 1);
console.log(arr);

Produzione:

[2, 3, 4]

Nel codice precedente, passiamo l’array e gli elementi da rimuovere 0 e 1 alla funzione without. Restituisce un nuovo array con questi elementi rimossi, che memorizziamo di nuovo in arr.

Usa la libreria Lodash per rimuovere un elemento specifico dall’array JavaScript

Lodash è una grande libreria che ci permette di importare solo le funzioni di cui abbiamo bisogno e non la libreria completa. Ha una funzione chiamata remove(), che può rimuovere un elemento specifico dall’array. Questa funzione accetta l’array e una funzione per verificare le condizioni che corrispondono all’elemento da rimuovere dall’array.

var arr = [1, 2, 3, 4];
var greater = _.remove(arr, function(n) {
  return n > 2;
});
console.log(arr)

Produzione:

[1,2]

Nel codice precedente, passiamo l’array e una funzione che controlla se gli elementi sono maggiori di 2 alla funzione remove della libreria lodash. Rimuove tutti gli elementi maggiori di 2 dall’array.