Dominando conceptos: Arreglos
Aprende a trabajar con arreglos, desde los fundamentos hasta las técnicas avanzadas, una de las estructuras de datos más esenciales en JavaScript.
DEV
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.
Método | Operación | Devuelve |
---|---|---|
pop() | Elimina el último elemento | El elemento eliminado |
push() | Añade elementos al final | length |
shift() | Elimina el primer elemento | El elemento eliminado |
unshift() | Añade elementos al inicio | length |
pop()
Elimina el último elemento de un arreglo y lo devuelve.
const frutas = ["🍎", "🍌", "🍊"];const ultimaFruta = frutas.pop();
console.log(frutas);console.log(ultimaFruta);
['🍎', '🍌']'🍊'
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);
["a", "b", "c", "d"]4
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);
["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);
['🟦', '🟩']'🟥'
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);
['📖', '🧹', '🍳']3
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);
['📖', '🏋️', '🧹', '🍳']4