Typefully

¿Cómo eliminar elementos de un arreglo en Javascript?

Avatar

Share

 • 

4 years ago

 • 

View on X

Javascript es un lenguaje muy flexible que ofrece múltiples formas de solucionar un problema. Por ejemplo: Eliminar elementos de un arreglo. Tienes métodos que mutan el arreglo y métodos inmutables, revisemos algunos
Dentro de los métodos mutables puedes elegir: Array.pop, Array.shift y delete En el caso de los métodos inmutables tienes: Array.slice y Array.filter
Array.pop: Te permite remover el último elemento de un arreglo cambiando el tamaño del arreglo original. El elemento que se remueve es retornado a menos que no queden elementos en el arreglo, en ese caso obtienes `undefined`.
Array.shift: Este es el método opuesto a Array.pop, permitiéndote remover el primer elemento de un arreglo, retornándolo para su uso posterior. Cambia el arreglo original pues "Extrae" el elemento.
delete: Este es en realidad un operador que te permite remover remover una propiedad de un objeto. Al eliminar un elemento del arreglo el tamaño (length) del arreglo no es afectado. Puedes ver un ejemplo en este playground runjs.co/s/rJaFBHQBc
En el caso de los métodos que no modifican el arreglo: Inmutables tienes Array.slice Este método retorna una copia de una porción del arreglo determinada por los parámetros usados en `slice(start, end)` sin modificar el arreglo original. Demo: runjs.co/s/Gzo4fpLnG
Y finalmente Array.filter: permite filtrar elementos en base a una condición. Ideal para manipular arreglos de objetos. Recibe una funciona "callback" que te permite definir cual es la condición que los elementos deben pasar para ser "aceptados". Demo: runjs.co/s/Wjqlbwrs8
Si quieres revisar más sobre estos métodos de arreglo y manipulación de arreglos en general te invito a visitar esta lección en @eggheadio parte del rápido curso de Manipulación de Arreglos egghead.io/lessons/javascript-como-eliminar-elementos-dentro-de-un-arreglo?af=4cexzz
También puedes leer esta completa guía sobre arreglos escrita para @escuelafrontend y así profundizar aún más tus conocimientos escuelafrontend.com/articulos/metodos-de-arreglos
Avatar

Matías

@matiasfha

Frontend Engineer 🚀 Content creator 📝 Bilingual videos and articles. Building Soundscribe.app to make content creation easier. ES 🇨🇱 / EN 🇺🇸.