18. Arrays

  18: Arrays (Listas) en JavaScript para Videojuegos

¡Muy buenas y bienvenidos a la sesión 18 del curso de Programación de Videojuegos HTML5 con JavaScript! 🎮💻

¿Qué veremos hoy?

Trabajaremos con arrays (o listas), una herramienta esencial para gestionar múltiples elementos en nuestros juegos.

---

1. ¿Qué es un array?

Un array es una variable especial que almacena múltiples elementos en compartimentos numerados (índices). Imagina una caja con divisiones:

javascript

let lista = []; // Array vacío
let mochila = ["espada", "poción", "armadura", "flecha"]; // Array con datos

• Los índices empiezan en 0:

  • mochila[0] → "espada"

  • mochila[1] → "poción"

---

2. Recorrer un Array

Usamos bucles for para listar todos los elementos:

javascript

for (let i = 0; i < mochila.length; i++) {
    console.log(`Índice ${i}: ${mochila[i]}`);
}

• mochila.length devuelve la cantidad de elementos.

---

3. Añadir y Eliminar Elementos

• Añadir al final:

  javascript

  mochila.push("cola de fénix"); // Añade "cola de fénix"

• Eliminar el último:

  javascript

  mochila.pop(); // Borra el último elemento

• Eliminar uno concreto:

  javascript

  mochila.splice(2, 1); // Borra el elemento en posición 2

---

4. Ejemplo Práctico: Inventario Dinámico

Creamos botones para comprar/vender items:

javascript

// Función para comprar
function comprar(item) {
    if (item === 1) mochila.push("espada");
    else mochila.push("poción");
    mostrarInventario();
}

// Función para vender el último
function vender() {
    mochila.pop();
    mostrarInventario();
}

Resultado:

• Cada clic en "Comprar" añade un ítem.

• "Vender" elimina el último ítem.

---

5. ¿Por qué son útiles los arrays?

• Gestionar enemigos, objetos, o niveles de forma dinámica.

• En futuras sesiones, usaremos arrays multidimensionales para tableros de juego.

🔜 En la próxima sesión: ¡Arrays complejos y estructuras de datos avanzadas!

---

¿Preguntas o dudas? ¡Déjalas en los comentarios! 👇