Arreglos - Métodos para agregar y quitar elementos

javascript arreglos métodos

Cuando trabajamos con Array en JavaScript, es común tener que agregar o eliminar elementos.

Existen algunos métodos que nos pueden ayudar con estas tareas.

Resumen

MétodoOperaciónDevuelve
pop()Elimina el último elementoEl elemento eliminado
push()Añade elementos al finallength
shift()Elimina el primer elementoEl elemento eliminado
unshift()Añade elementos al iniciolength

pop()

Elimina el último elemento de un arreglo y lo devuelve.

const frutas = ["🍎", "🍌", "🍊"];
const ultimaFruta = frutas.pop();
console.log(frutas);
console.log(ultimaFruta);

Terminal window
['🍎', '🍌']
'🍊'

push()

Añade uno o más elementos al final del arreglo y devuelve length.

const letras = ["a", "b", "c"];
const nuevaLongitud = letras.push("d");
console.log(letras);
console.log(nuevaLongitud);

Terminal window
["a", "b", "c", "d"]
4
INFO

Para añadir más de un elemento, se deben separar por comas (,)

const letras = ["a", "b", "c"];
const nuevaLongitud = letras.push("d", "e");
console.log(letras);
console.log(nuevaLongitud);

Terminal window
["a", "b", "c", "d", "e"]
5

shift()

Elimina el primer elemento del arreglo y lo devuelve.

const colores = ["🟥", "🟦", "🟩"];
const primerColor = colores.shift();
console.log(colores);
console.log(primerColor);

Terminal window
['🟦', '🟩']
'🟥'

unshift()

Añade uno o más elementos al principio del arreglo y devuelve length.

const tareas = ["🧹", "🍳"];
const nuevaLongitud = tareas.unshift("📖");
console.log(tareas);
console.log(nuevaLongitud);

Terminal window
['📖', '🧹', '🍳']
3
INFO

Para añadir más de un elemento, se deben separar por comas (,)

const tareas = ["🧹", "🍳"];
const nuevaLongitud = tareas.unshift("📖", "🏋️");
console.log(tareas);
console.log(nuevaLongitud);

Terminal window
['📖', '🏋️', '🧹', '🍳']
4

Comentarios