Arrays en JavaScript: qué son y cómo usarlos

Imagina que necesitas guardar los nombres de 100 estudiantes. ¿Crearías 100 variables? No. Para almacenar colecciones de datos del mismo tipo, JavaScript tiene los arrays (también llamados arreglos).

¿Qué es un array?

Un array es una lista ordenada de valores. Puede contener números, strings, booleanos, objetos — cualquier cosa. Se escribe con corchetes [] y los elementos se separan con comas:

let frutas = ['manzana', 'pera', 'uva'];
let numeros = [1, 2, 3, 4, 5];
let mezcla = ['texto', 42, true];

Acceder a elementos

Los elementos de un array se acceden por su índice, que empieza en 0:

let frutas = ['manzana', 'pera', 'uva'];

console.log(frutas[0]); // manzana
console.log(frutas[1]); // pera
console.log(frutas[2]); // uva

length: cuántos elementos tiene

let frutas = ['manzana', 'pera', 'uva'];
console.log(frutas.length); // 3

Agregar y quitar elementos

let colores = ['rojo', 'verde'];

colores.push('azul');        // agrega al final
console.log(colores);        // ['rojo', 'verde', 'azul']

colores.pop();               // quita el último
console.log(colores);        // ['rojo', 'verde']

colores.unshift('amarillo'); // agrega al inicio
console.log(colores);        // ['amarillo', 'rojo', 'verde']

Ejemplo 1: lista de tareas

let tareas = ['Estudiar SQL', 'Hacer ejercicio', 'Leer'];

tareas.push('Cocinar');
console.log(tareas.length); // 4
console.log(tareas[0]);     // Estudiar SQL

Ejemplo 2: recorrer un array con forEach

let frutas = ['manzana', 'pera', 'uva'];

frutas.forEach(function(fruta) {
  console.log(fruta);
});
// manzana
// pera
// uva

forEach ejecuta una función para cada elemento del array.

Ejemplo 3: encontrar elementos con includes e indexOf

let numeros = [10, 20, 30, 40];

console.log(numeros.includes(20));  // true
console.log(numeros.includes(99));  // false
console.log(numeros.indexOf(30));   // 2 (posición del elemento)

Errores frecuentes

Índice fuera de rango: Acceder a frutas[10] en un array de 3 elementos devuelve undefined, no un error. Es fácil confundirse con los índices.

Mutar el array cuando no debes: Métodos como push, pop y splice modifican el array original. Si necesitas el original intacto, trabaja con una copia: let copia = [...original].

Confundir length con el último índice: Si un array tiene 3 elementos, su length es 3, pero el último índice es 2 (porque empieza en 0).