Rimuovi elemento dall'array per valore in JavaScript

Ammar Ali 12 ottobre 2023
  1. Rimuovere un elemento da un array in base al valore utilizzando la funzione splice() in JavaScript
  2. Rimuovere un elemento da un array in base al valore utilizzando la funzione filter() in JavaScript
Rimuovi elemento dall'array per valore in JavaScript

Questo tutorial discuterà come rimuovere un elemento da un array in base al valore utilizzando le funzioni splice() e filter() in JavaScript.

Rimuovere un elemento da un array in base al valore utilizzando la funzione splice() in JavaScript

Per rimuovere un elemento da un array in base al valore, possiamo utilizzare la funzione splice() in JavaScript. La funzione splice() aggiunge o rimuove un elemento da un array utilizzando l’indice. Per rimuovere un elemento da un determinato array in base al valore, è necessario ottenere l’indice di quel valore utilizzando la funzione indexOf() e quindi utilizzare la funzione splice() per rimuovere il valore dall’array utilizzando il suo indice. Ad esempio, creiamo un array con tre valori stringa e rimuoviamo un valore stringa utilizzando la funzione splice() e indexOf(). Vedi il codice qui sotto.

var myArray = ['one', 'two', 'three'];
var myIndex = myArray.indexOf('two');
if (myIndex !== -1) {
  myArray.splice(myIndex, 1);
}
console.log(myArray)

Produzione:

["one", "three"]

Nel codice sopra, stiamo usando un’istruzione if per verificare se il valore è presente nell’array o meno. Se il valore è presente, il suo indice non sarà -1; in caso contrario, sarà -1. La funzione indexOf() restituisce l’indice del valore dato e, se non è presente nell’array, la funzione restituirà -1. Se il valore è presente nell’array, useremo la funzione splice() per rimuovere 1 valore presente in myIndex. Possiamo anche rimuovere più di un valore dall’array definendolo come secondo argomento nella funzione splice(). La funzione console.log() mostrerà il nuovo array dopo che l’elemento è stato rimosso dall’array sulla console.

Rimuovere un elemento da un array in base al valore utilizzando la funzione filter() in JavaScript

Per rimuovere un elemento da un array in base al valore, possiamo utilizzare la funzione filter() in JavaScript. La funzione filter() viene utilizzata per filtrare i valori da un dato array applicando una funzione definita all’interno della funzione filter() su ciascun valore dell’array. Nel nostro caso, definiremo una funzione all’interno della funzione filter(), che restituirà tutti i valori per accettare il valore che vogliamo rimuovere dall’array e il risultato verrà memorizzato in un nuovo array. Ad esempio, creiamo un array con tre valori stringa e quindi, utilizzando la funzione filter(), creeremo un altro array che avrà tutti i valori del primo array tranne il valore che vogliamo rimuovere. In questo modo, il nostro array originale non verrà modificato. Vedi il codice qui sotto.

var myArray = ['one', 'two', 'three'];
var newArray = myArray.filter(function(f) {
  return f !== 'two'
})
console.log(newArray)

Produzione:

["one", "three"]

Nel codice sopra, abbiamo rimosso il valore two dall’array e salvato il risultato nella variabile newArray, che verrà mostrata sulla console.

Autore: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook

Articolo correlato - JavaScript Array