Métodos Pop, Push, Shift y Unshift en JavaScript.
Métodos básicos para remover o agregar elementos en un arreglo.
Como me imaginé, al parecer he logrado capturar tu atención con este titulo, pero de estos jinetes que hablaremos hoy no tienen absolutamente nada que ver con los mencionados en el Apocalipsis, puesto que fueron hechos para ayudarnos con el manejo de elementos de un arreglo y la mutación de su estructura con el maravilloso lenguaje de JavaScript, el cual nos brinda a estos cuatro métodos para agregar o eliminar elementos desde el principio o el final de los arreglos, ademas de otros como el splice de la cuales hablaremos en otro articulo con mucho mas detalles.
Para conocer un poco mas de estos expertos mutators por excelencia, les dejo una referencia en video para verlos en plena action, igualmente pondremos unos ejemplos para cada uno en el resto de este articulo, estás listo?
Ahora veamos algunos conceptos básicos de cada uno de estos métodos y un ejemplo en código de cómo ponerlos en práctica.
- Metodo Pop(): Este método elimina el último elemento de un arreglo mutando su estructura inicial y luego devuelve dicho elemento como respuesta.
let popularLanguages = [‘JavaScript’, ‘Ruby’, ‘Python’,’Java’];
popularLanguages.pop(); // Retornara Java- Método Push(): Este método agrega los nuevos elementos que pasemos como parametros al final del arreglo y luego nos devuelve una nueva longitud de este arreglo.
let typicalDish = [‘Nacatamal’, ‘Gallo Pinto’, ‘Mondongo’];
// Retorna 4, el nuevo length del arreglo
typicalDish.push(‘Vigoron’);- Metodo Shift(): Elimina el primer elemento de un arreglo cambiando la longitud del mismo. El valor de retorno que obtenemos del método shift es el elemento eliminado.
let nicaSingers = [‘Israel Lanuza’, ‘Philip Montalbán’, ‘Luis Enrique’];
nicaSingers.shift(); // Retornara el elemento eliminado- Metodo Unshift(): El método agrega el nuevo elemento pasado como parámetro al comienzo del arreglo cambiando por tanto su longitud y luego devuelve la misma.
let myToddlerFavoriteShows = [‘Pepa Pig’, ‘Jorge El Curioso’,’Paw Patrol’];
// Retorna el nuevo length del arreglo
myToddlerFavoriteShows.unshift(‘Blaze & The Monster Machines’);Viste? ya aprendiste básicamente lo que serian nuestros primeros pasos para manipular e incluso mutar la estructura de un arreglo con estos métodos. Próximamente estaremos hablando de otros métodos y sobretodo de algunos helpers que tenemos para trabajar con los arreglos a nuestro gusto y antojo, para conseguir solo la data necesaria de ellos, así que estén atentos que muy pronto llegara este articulo!
Psst! Me encantaría si pudieses dejar comentarios o correcciones a este tema para que juntos aprendamos mas y ayudemos a otros que estén comenzando en este mundo de JavaScript, así que ya sabes, quedamos a espera de tus aportes!
Antes de Marcharte, quisiera que rapidamente leas esto:
👏 5 Claps si disfrutaste este articulo, así podré motivarme a escribir mas!
🤔 Comenta si tienes algo que decir, es muy importante saber tu opinión.
🙂 Click en seguir Alvison para que estes al tanto de mis nuevos artículos!
See you later, alligator! […in a while, crocodile]
