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:
- El índice del elemento a eliminar.
- 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.
Soy Juneiker Castillo, un desarrollador web frontend apasionado por la programación y la creación de sitios web modernos rápidos y escalables, en fin un friki 🤓 de javascript enamorado de react js ⚛️.
Sobre mi