Eliminar elemento del array por valor en JavaScript
-
Eliminar un elemento de un array por valor utilizando la función
splice()
en JavaScript -
Eliminar un elemento de un array por valor utilizando la función
filter()
en JavaScript
Este tutorial discutirá cómo eliminar un elemento de un array por valor usando las funciones splice()
y filter()
en JavaScript.
Eliminar un elemento de un array por valor utilizando la función splice()
en JavaScript
Para eliminar un elemento de un array por valor, podemos usar la función splice()
en JavaScript. La función splice()
agrega o elimina un elemento de un array usando el índice. Para eliminar un elemento de un array dada por valor, necesita obtener el índice de ese valor usando la función indexOf()
y luego usar la función splice()
para eliminar el valor del array usando su índice. Por ejemplo, creemos un array con tres valores de cadena y eliminemos un valor de cadena usando las funciones splice()
e indexOf()
. Vea el código a continuación.
var myArray = ['one', 'two', 'three'];
var myIndex = myArray.indexOf('two');
if (myIndex !== -1) {
myArray.splice(myIndex, 1);
}
console.log(myArray)
Producción :
["one", "three"]
En el código anterior, estamos usando una declaración if
para verificar si el valor está presente en el array o no. Si el valor está presente, su índice no será -1; de lo contrario, será -1. La función indexOf()
devuelve el índice del valor dado, y si no está presente en el array, la función devolverá -1. Si el valor está presente en el array, usaremos la función splice()
para eliminar 1 valor presente en myIndex
. También podemos eliminar más de un valor del array definiéndolo como un segundo argumento en la función splice()
. La función console.log()
mostrará la nueva matriz después de que el elemento se elimine del array en la consola.
Eliminar un elemento de un array por valor utilizando la función filter()
en JavaScript
Para eliminar un elemento de un array por valor, podemos usar la función filter()
en JavaScript. La función filter()
se utiliza para filtrar valores de un array dada aplicando una función definida dentro de la función filter()
en cada valor del array. En nuestro caso, definiremos una función dentro de la función filter()
, que devolverá todos los valores para aceptar el valor que queremos eliminar del array, y el resultado se almacenará en un nuevo array. Por ejemplo, creemos un array con tres valores de cadena, y luego usando la función filter()
, crearemos otra matriz que tendrá todos los valores de la primera matriz excepto el valor que queremos eliminar. De esta forma, nuestra matriz original no cambiará. Vea el código a continuación.
var myArray = ['one', 'two', 'three'];
var newArray = myArray.filter(function(f) {
return f !== 'two'
})
console.log(newArray)
Producción :
["one", "three"]
En el código anterior, eliminamos el valor two
del array y guardamos el resultado en la variable newArray
, que se mostrará en la consola.