JavaScript Array Push

Por Julio Giampiere Grados Caballero
JavaScript Array Push

En este tutorial hablaremos sobre el método push en los array, y además aprenderemos los otros métodos pila usados para los arrays.

Una pila se conoce como(LIFO) último en entrar - primero en salir, lo que significa que el elemento más recientemente añadido es el primero en ser eliminado. La inserción (llamado push) y remoción (llamado pop).

Conozcamos de qué manera utilizar el método push, creamos el arreglo:

var colores = [“rojo”, “azul”, “verde”];

El método push acepta cualquier número de argumentos y lo que hará es agregar los elementos indicados como argumentos al final del array, y sería: 

colores.push ( "negro", “blanco”); 
//rojos, azul, verde, negro, blanco

Entonces tendremos un array con 5 elementos, y con los valores establecidos.

Por otro lado, el método pop elimina el último elemento del array, disminuyendo la longitud de dicho array y sería usado: 

colores.pop(), 
//rojos, azul, verde, negro

Si mostramos el array, vemos que el elemento que tenía por string blanco dejó de pertenecer a este.

Métodos de cola.

Al igual que las pilas que restringe el acceso a los datos a través de la estructura LIFO, las colas restringir el acceso en primero en entrar, primero en salir (FIFO). Donde podemos trabajar con dos métodos shift y unshift.

Veamos un ejemplo de cómo trabaja el método shift en combinación con push. Crearemos un array vacío:

var colores = new Array();

Tenemos el array vacío, usemos ahora el método push.

colores.push(‘rojo’, ‘azul’, ‘verde’);

Tenemos a colores con los siguientes elementos:

colores;
//rojo, azul, verde

Con el método shift, lo que podremos hacer es quitar el primer elemento:

colores.shift();

Si mostramos ahora el array, no encontraremos al primer elemento de colores. 

colores;
//azul, verde

Es así como trabaja el método shift.

Usemos ahora el método unshift en combinación con pop, para que veamos reflejado claramente el uso de este método:

colores;
//azul, verde

Cuenta con estos elementos, ‘azul’, ‘verde’. Y de usar el método unshift, será:

colores.unshift(‘amarillo’);

Mostramos el array:

colores;
//amarillo, azul, verde

Y vemos ubicado al elemento ‘amarillo’, primero es decir que unshift nos permite agregar elementos en la primera posición. Si usamos el método pop:

colores.pop();
//amarrillo, azul

Nos permite retirar el último elemento del array, y es así cómo podemos conocer las diferencias entre estos elementos.

Recuerda que aún nos queda mucho por aprender, te espero en el próximo tutorial para aprender más sobre la web.

¿Te gustó el tutorial?

Ayúdanos a llegar a más personas

Julio Giampiere Grados Caballero

Julio Giampiere Grados Caballero

CTO y Cofundador de Devcode.la. Full stack JavaScript. React | jQuery | Vanilla | Backbone | Node | MongoDB.