1.6 – Arrays en JavaScript

Un array es una estructura que permite almacenar múltiples valores en una sola variable.

Puede contener:

• Números
• Texto
• Objetos
• Otros arrays
• Mezclas de todo (JavaScript no es quisquilloso)

---

Crear un array

let numeros= [10, 20, 30];

También:

letvacio= [];

O usando el constructor:

let lista=new Array(1,2,3);

---

Acceder a elementos

Los arrays empiezan en índice 0 (como casi todo en informática).

let colores = ["rojo", "verde", "azul"];

alert(colores[0]); // rojo
alert(colores[2]); // azul

---

Propiedad fundamental

let numeros = [1,2,3,4];
alert(numeros.length);

length → número de elementos

---

Métodos principales de Array

Añadir y eliminar

let lista = [10,20];

lista.push(30);   // añade al final
lista.pop();      // elimina último
lista.unshift(5); // añade al inicio
lista.shift();    // elimina primero

---

Buscar elementos

let numeros = [10,20,30];

numeros.includes(20); // true
numeros.indexOf(30);  // 2

---

Convertir a texto

let colores = ["rojo","verde","azul"];
alert(colores.join(" - "));

Resultado:

rojo - verde - azul

---

Extraer partes

let datos = [1,2,3,4,5];

let sub = datos.slice(1,4); // [2,3,4]

slice no modifica el original.

---

Modificar el array

let datos = [1,2,3,4];

datos.splice(1,2); // elimina desde posición 1 → elimina 2 elementos

Resultado:

[1,4]

Video Arrays

---

Tabla completa de métodos importantes

Método	Qué hace	Ejemplo
length	Tamaño del array	[1,2].length
push(x)	Añade al final	arr.push(5)
pop()	Elimina último	arr.pop()
shift()	Elimina primero	arr.shift()
unshift(x)	Añade al inicio	arr.unshift(0)
includes(x)	Comprueba existencia	arr.includes(10)
indexOf(x)	Posición del valor	arr.indexOf(20)
join(sep)	Convierte a texto	arr.join(",")
slice(a,b)	Subarray sin modificar	arr.slice(1,3)
splice(a,b)	Modifica/elimina/añade	arr.splice(1,1)
reverse()	Invierte array	arr.reverse()
sort()	Ordena	arr.sort()
concat()	Une arrays	a.concat(b)
forEach()	Recorre array	arr.forEach(f)
map()	Transforma elementos	arr.map(f)
filter()	Filtra elementos	arr.filter(f)
find()	Encuentra elemento	arr.find(f)

---

Recorrer arrays

Método clásico

let numeros = [10,20,30];

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

---

forEach

numeros.forEach(function(n) {
  console.log(n);
});

---

map (transformar)

let dobles = numeros.map(n => n * 2);

---

filter (filtrar)

let mayores = numeros.filter(n => n > 15);

---

Arrays con objetos

let alumnos = [
  {nombre:"Ana", nota:8},
  {nombre:"Luis", nota:5}
];

console.log(alumnos[0].nombre);

Esto es el paso previo al JSON del backend → DOM

---

Conceptos clave

• Los arrays pueden crecer dinámicamente
• Pueden contener cualquier tipo
• Son objetos (typeof array → "object")
• map/filter/find son la base del JavaScript moderno

---

Ejercicios para alumnos

Ejercicio 1

Crear un array con 5 números y mostrar el tamaño.

Ejercicio 2

Añadir un número y eliminar el primero.

Ejercicio 3

Mostrar solo los números mayores que 10.

Ejercicio 4

Crear un array de nombres y convertirlos a mayúsculas con map.

Ejercicio 5

Crear un array de objetos alumno {nombre, nota} y mostrar solo los aprobados.