Elemento al principio y al final de un Arreglo en JavaScript

El otro día estaba realizando una aplicación de «Números de atención» y aprendí algunas cosas que no sabía sobre los arreglos de JavaScript, por ejemplo, poner un elemento al principio o al final de un Array o Arreglo.

Arrays y sus métodos push(), pop(), shift(), unshift()

Los arreglos, o también conocidos como «Arrays» existen en todos los lenguajes de programación, y estos lenguajes de programación tienen entre sus métodos «nativos» algunos muy importantes para manipularlos.

metodos unshift(), shift(), push(), pop()

JavaScript tiene entre sus métodos unos cuantos para manejar arreglos, pero los que sirven para poner un elemento al final o al principio de un array son el .push() y el .unshift()

Método Array.push()

El método «Array.push()» es muy conocido y común, ya que nos permite agregar un elemento a un arreglo en JavaScript, el que queda siempre en la última posición de este, por ejemplo:

let animales = [«mono»];
arreglo.push(‘perro’); // Resultado sería: animales = [‘mono’, ‘perro’];

Método Array.pop()

Este método «Array.pop()» es el contrario al método push, en vez de agregar un elemento al final, lo que hace el método pop() en un arreglo de JavaScript es eliminar el último elemento. Por ejemplo:

let animales = [«mono»];
arreglo.push(‘perro’); // Resultado sería: animales = [‘mono’, ‘perro’];
arreglo.pop(); // Resultado esperado: animales = [‘mono’];

Método Array.unshift()

Con el método «Array.unshift()» JavaScript nos permite agregar un elemento al principio de un arreglo, sin tener que hacer nosotros la lógica, si queremos agregar un elemento al comienzo de un Array, sólo debemos utilizar .unshift() de esta forma:

let nombres = [‘felipe’];
nombres.unshift(‘roxana’); // El resultado sería: nombres = [‘roxana’, ‘felipe’];

Método Array.shift()

Por el contrario, el método «Array.shift» lo que hace en un arreglo de JavaScript es remover el primer elemento de un arreglo, o sea sería lo contrario al método Array.unshift(), un ejemplo de esto sería:

let nombres = [‘felipe’];
nombres.unshift(‘roxana’); // El resultado sería: nombres = [‘roxana’, ‘felipe’];
nombres.shift(); // El resultado sería: nombres = [‘felipe’];

Métodos: push(), pop(), shift(), unshift()

Fácil ¿No? La verdad es que esto yo no lo sabía y son cosas simples y básicas a tener en cuenta cuando programamos en cualquier lenguaje, en este caso en JavaScript, estos métodos facilitan mucho la escritura del código, ya que nos ahorran muchas líneas.

Probando los ejemplos.

Resultado al probar los ejemplos de este repositorio.