Imagen destacada del artículo Cómo eliminar elementos de un arreglo en JavaScript

Cómo eliminar elementos de un arreglo en JavaScript

javascript svg
actualizado: 01 / 01 / 2023

En JavaScript, los arreglos son una de las estructuras de datos más usadas. En ocasines necesitaremos eliminar los elementos de un arreglo para limpiar sus datos.

Método 1: splice()

El método splice() es la forma más fácil de eliminar valores de un arreglo, este método toma dos argumentos:

  1. El índice del elemento a eliminar.
  2. la cantidad de elementos a eliminar a partir de ese índice.

Por ejemplo, si quieres eliminar el elemento en el índice 2 de un array, puedes usar el siguiente código:

js
let arr = [1, 2, 3, 4, 5];
arr.splice(2, 1);
console.log(arr); // [1, 2, 4, 5]

También puedes utilizar el método splice() para eliminar varios elementos a la vez. Por ejemplo, si necesitas eliminar los tres elementos a partir del índice 2, puedes usar el siguiente código:

js
let arr = [1, 2, 3, 4, 5];
arr.splice(2, 3);
console.log(arr); // [1, 2]

Método 2: filter()

Otra forma de eliminar elementos de un arreglo en JavaScript es utilizando el método filter().

Este método toma una función como argumento y devuelve un nuevo arreglo con los elementos que cumplen con la condición especificada en la función.

Por ejemplo, si necesitas eliminar todos los elementos pares de un arreglo, puedes usar el siguiente código:

js
let arr = [1, 2, 3, 4, 5, 6];
let newArr = arr.filter(element => element % 2 !== 0);
console.log(newArr); // [1, 3, 5]

En este caso, la función de filtro elimina todos los elementos que no son impares (es decir, que son pares). El método filter() devuelve un nuevo arreglo con los elementos impares, pero no modifica el arreglo original.

Método 3: pop()

Gracias al método pop() también puedes eliminar elementos de un arreglo. En este case elimina el último valor del arreglo y devuelve ese elemento.

Por ejemplo para quitar el útimo valor de un array puedes usar el siguiente código:

js
let arr = [1, 2, 3, 4, 5];
let lastElement = arr.pop();
console.log(arr); // [1, 2, 3, 4]
console.log(lastElement); // 5

Método 4: shift()

El método shift() es similar al método pop(), pero elimina el primer elemento del arreglo en lugar del último. Este método también devuelve el elemento eliminado.

js
let arr = [1, 2, 3, 4, 5];
let firstElement = arr.shift();
console.log(arr); // [2, 3, 4, 5]
console.log(firstElement); // 1

En este artículo, aprendiste a eliminar elementos de un array con JavaScript utilizando diferentes métodos. El que escojas dependerá de tus necesidades y preferencias. Recuerda que algunos métodos modifican el arreglo original, mientras que otros devuelven un nuevo arreglo modificado.

Artículos relacionados:
Cómo filtrar elementos de un array con filter javascript

Imagen destacada del artículo Cómo filtrar elementos de un array con filter javascript

Cómo eliminar elementos repetidos de un arreglo en JavaScript

Imagen destacada del artículo Cómo eliminar elementos repetidos de un arreglo en JavaScript

Cómo insertar Javascript en HTML

Imagen destacada del artículo Cómo insertar Javascript en HTML

Eliminar el primer y ultimo carácter de una cadena en javascript

Imagen destacada del artículo Eliminar el primer y ultimo carácter de una cadena en javascript

Gatsby JS - introducción, ventajas y usos

Imagen destacada del artículo Gatsby JS - introducción, ventajas y usos

Introducción a Nextjs

Imagen destacada del artículo Introducción a Nextjs

Calcular cuantos días hay entre dos fechas con javascript

Imagen destacada del artículo Calcular cuantos días hay entre dos fechas con javascript

Cómo insertar un elemento en un índice específico de un array en Javascript

Imagen destacada del artículo Cómo insertar un elemento en un índice específico de un array en Javascript