JavaScript Eliminar índice del array

Harshit Jindal 12 octubre 2023
  1. Utilice la función splice() para eliminar un elemento específico del array de JavaScript
  2. Utilice Array.filter() para eliminar un elemento específico del array de JavaScript
  3. Utilice la biblioteca Underscore.js para eliminar un elemento específico del array de JavaScript
  4. Utilice la biblioteca Lodash para eliminar un elemento específico del array de JavaScript
JavaScript Eliminar índice del array

Este tutorial enseña cómo eliminar un elemento específico de un array en JavaScript.

Utilice la función splice() para eliminar un elemento específico del array de JavaScript

El método splice() puede modificar el contenido del array agregando/quitando elementos. Toma los siguientes 3 argumentos:

  1. index: un valor entero que especifica la posición para añadir/eliminar elementos. Incluso podemos especificar un índice desde la parte posterior del array mediante el uso de índices negativos.
  2. howmany: es un parámetro opcional. Especifica cuántos elementos se eliminarán del array. Si se establece en 0, no se elimina ningún elemento.
  3. item1, item2, ... ,itemx: Los elementos que se agregarán a el array.
const array = [1, 2, 3, 4, 5];
const index = array.indexOf(3);
if (index > -1) {
  array.splice(index, 1);
}
console.log(array);

Producción :

[1, 2, 4, 5]

En el código anterior, primero encontramos el índice del elemento que queremos eliminar y luego usamos el método splice() para eliminar el elemento del array.

Utilice Array.filter() para eliminar un elemento específico del array de JavaScript

Los métodos de filter recorren el array y filtran los elementos que satisfacen una condición dada específica. Podemos usarlo para eliminar el elemento de destino y mantener el resto de ellos. Nos ayuda a eliminar múltiples elementos al mismo tiempo.

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

Producción :

[2, 3, 4, 5]

Usamos la función filter para mantener todos los elementos que no son iguales al elemento que se va a eliminar y asignar el array recién formada a el array original.

Utilice la biblioteca Underscore.js para eliminar un elemento específico del array de JavaScript

Underscore.js es una biblioteca muy útil que nos proporciona muchas funciones útiles sin extender ninguno de los objetos integrados. Para eliminar elementos de destino de un array de JavaScript, tenemos que usar la función without(). Esta función devuelve una copia del array con todas las copias del elemento de destino eliminadas.

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

Producción :

[2, 3, 4]

En el código anterior, pasamos el array y los elementos a eliminar 0 y 1 a la función without. Devuelve una nueva matriz con estos elementos eliminados, que almacenamos nuevamente en arr.

Utilice la biblioteca Lodash para eliminar un elemento específico del array de JavaScript

Lodash es una gran biblioteca que nos permite importar solo las funciones que necesitamos y no la biblioteca completa. Tiene una función llamada remove(), que puede eliminar un elemento específico del array. Esta función toma el array y una función para verificar las condiciones que coinciden con el elemento que se eliminará del array.

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

Producción :

[1,2]

En el código anterior, pasamos el array y una función que verifica si los elementos son mayores que 2 a la función remove de la biblioteca lodash. Elimina todos los elementos mayores que 2 del array.

Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Artículo relacionado - JavaScript Array