Eliminar elemento del array por valor en JavaScript

Ammar Ali 12 octubre 2023
  1. Eliminar un elemento de un array por valor utilizando la función splice() en JavaScript
  2. Eliminar un elemento de un array por valor utilizando la función filter() en JavaScript
Eliminar elemento del array por valor 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.

Autor: 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

Artículo relacionado - JavaScript Array