JavaScript de Cero a Experto / Arrays
Modificar arrays: agregar y quitar
Las listas de la vida real crecen y se encogen: agregas un gasto, borras uno
mal puesto, insertas otro. Hoy aprendes los métodos para modificar un array
—agregar y quitar por los extremos o por el medio— y una sorpresa importante:
un array declarado con const SÍ se puede modificar por dentro.
La pila y la fila
Los extremos: push, pop, unshift, shift
push/pop trabajan el FINAL (los más usados); unshift/shift el INICIO.
pop y shift además DEVUELVEN el elemento que quitaron, por si lo
necesitas. Pequeño truco de memoria: push y pop empiezan con p y van
por el final; shift/unshift mueven todo (más costoso) por el principio.
El medio: splice
splice es el bisturí — quita, inserta o reemplaza en cualquier posición:
splice(desde, cuántos) borra cuántos elementos empezando en el índice
desde. Con más argumentos, también INSERTA (splice(1, 0, "x") = "en la
posición 1, no borres nada, inserta 'x'"). Y siempre puedes cambiar un
elemento directo por su índice: lista[0] = ....
La sorpresa: const array SÍ se modifica
Tienes const carrito = ['pan']. Haces carrito.push('leche') y funciona. Luego intentas carrito = ['otra cosa'] y da error. ¿Por qué una cosa sí y la otra no?
Mini-reto
En "Mi Bolsillo": crea const gastos = [] (vacío) y ve registrando el día:
push tres gastos, date cuenta de que uno estaba mal y quítalo con pop o
splice, e inserta un gasto olvidado al inicio con unshift. Muestra el
array tras cada paso. Manejar una lista que cambia en el tiempo es lo que
hará tu gestor de gastos.
Qué sigue
Ya modificas listas. Ahora, lo que más harás con ellas: RECORRERLAS, visitar
cada elemento para mostrarlo, sumarlo o procesarlo. La próxima lección cubre
las tres formas de recorrer un array —for, for...of y forEach— y cuándo
usar cada una.