Arreglos

Un arreglo guarda muchos valores en orden bajo un solo nombre. En ["red", "green", "blue"], "red" está en el índice 0 y la longitud es 3.

Una lista en una variable

Supón que un programa lleva las calificaciones de toda una clase. Treinta variables llamadas score1, score2, score3 serían un martirio para trabajar, e imposibles de recorrer con un bucle. Un arreglo es un solo valor que contiene una lista ordenada de otros valores. Se escribe con corchetes y comas:

const fruits = ["apple", "banana", "cherry"];
console.log(fruits.length);   // muestra 3
console.log(fruits[0]);       // muestra apple
console.log(fruits[2]);       // muestra cherry

Cada valor de un arreglo es un elemento. Los elementos se numeran por índice, empezando en 0, igual que los caracteres de una cadena. Así, el primer elemento es fruits[0] y el último es fruits[fruits.length - 1]. Pedir un índice que no existe, como fruits[10], no causa un error; da undefined. Un arreglo puede contener cualquier tipo de valor, y los elementos ni siquiera tienen que ser del mismo tipo, aunque en la práctica suelen serlo.

Cambiar un arreglo

A diferencia de las cadenas, los arreglos se pueden cambiar en su lugar. Asigna a un índice para reemplazar un elemento: fruits[1] = "blueberry". El método push agrega un elemento al final y pop quita el último y lo devuelve. unshift y shift hacen lo mismo al principio. Esto funciona incluso cuando el arreglo se declaró con const. const solo impide que el nombre apunte a otro arreglo; no congela el contenido.

const list = ["milk", "eggs"];
list.push("bread");
console.log(list.length);        // muestra 3
const last = list.pop();
console.log(last);               // muestra bread
console.log(list.join(", "));    // muestra milk, eggs

Otros dos métodos responden preguntas. includes(x) da true si x está en el arreglo, e indexOf(x) da su índice, o -1 si no está. join(", ") pega todos los elementos en una sola cadena con el separador indicado entre ellos, que es la forma más fácil de imprimir una lista ordenadamente.

Recorrer un arreglo con un bucle

Los arreglos y los bucles van juntos. Un bucle for con un índice desde 0 hasta la longitud, sin incluirla, visita cada elemento. El bucle for...of es más corto cuando solo necesitas los valores, no sus posiciones:

const scores = [70, 85, 90, 55];

for (let i = 0; i < scores.length; i++) {
  console.log(i, scores[i]);
}

let total = 0;
for (const s of scores) {
  total += s;
}
console.log(total / scores.length);   // muestra 75

Fíjate en la condición i < scores.length, con < y no con <=. Con cuatro elementos los índices van de 0 a 3, y usar <= leería un paso más allá del final. Este error de uno de más es uno de los fallos más comunes de toda la programación.

Dos nombres, un arreglo

Los números y las cadenas se copian cuando los asignas a otra variable, pero los arreglos no. Después de const a = [1, 2]; const b = a;, los dos nombres apuntan al mismo arreglo, así que b.push(3) también cambia lo que ves a través de a: a.length ahora es 3. Si necesitas una copia aparte, escribe const b = [...a];, que esparce los elementos de a en un arreglo completamente nuevo. Los objetos, que se tratan en la unidad siguiente, se comportan igual.

Ejemplo resuelto. Encuentra el número más grande de [4, 17, 9, 12] sin Math.max. Empieza con let best = nums[0], recorre el resto y, cada vez que un elemento sea mayor que best, guárdalo en best. Después del bucle, best vale 17. La misma forma, una variable que recuerda el mejor hasta ahora, sirve para encontrar la palabra más larga, el precio más barato o la fecha más temprana.