Qué es un array o lista en programación (con ejemplos)

Imagina que quieres guardar los nombres de tres jugadores. Con lo que sabes harías tres variables. ¿Y si son cincuenta?

Una lista —en JavaScript se llama array— es una sola variable que guarda muchos valores en orden. Se escribe entre corchetes [ ], separando con comas.

<script>
  let jugadores = ["Ana", "Joaco", "María"];

  console.log(jugadores);
  console.log("Hay " + jugadores.length + " jugadores");
</script>

.length es la cantidad de elementos. No es una función, así que va sin paréntesis.

Acá está la cosa que más confunde al principio: el primer elemento es el número 0, no el 1.

["Ana",  "Joaco",  "María"]
   0        1         2

Por eso el último elemento siempre es length - 1. Y por eso los bucles del tutorial anterior empezaban en 0: fue pensado para calzar con esto.

Here is the thing that confuses everyone at first: the first item is number 0, not 1.

["Ana",  "Joaco",  "María"]
   0        1         2

That is why the last item is always length - 1. And why the loops in the previous tutorial started at 0: it was designed to line up with this.

<script>
  let jugadores = ["Ana", "Joaco", "María"];

  console.log(jugadores[0]);   // el primero
  console.log(jugadores[2]);   // el tercero
  console.log(jugadores[9]);   // no existe: undefined
</script>

Acá se juntan las listas con lo que ya sabes de bucles, y es donde de verdad sirven.

La forma corta es for...of: se lee "para cada jugador de la lista".

<script>
  let puntajes = [120, 340, 85, 500, 210];

  // Forma corta: recorre uno por uno
  for (let p of puntajes) {
    console.log("Puntaje: " + p);
  }

  console.log("---");

  // Y con lo de antes, calcular el total
  let total = 0;
  for (let p of puntajes) {
    total += p;
  }
  console.log("Total: " + total);
  console.log("Promedio: " + (total / puntajes.length));
</script>

Las listas traen herramientas incorporadas. Estas cuatro son las que vas a usar siempre:

<script>
  let inventario = ["espada", "escudo"];

  inventario.push("poción");        // agregar al final
  console.log(inventario);

  inventario.pop();                 // quitar el último
  console.log(inventario);

  console.log(inventario.includes("espada"));   // ¿está?
  console.log(inventario.indexOf("escudo"));    // ¿en qué posición?
</script>

Fíjate que push y pop modifican la lista original. No devuelven una copia: cambian la que tenías.

Crear listas, pedir un elemento por su posición, que se cuenta desde cero, recorrerlas con for...of y las cuatro operaciones básicas.

Falta una forma más de guardar datos, y con esa cierras las bases: los objetos.

Listas: muchos datos juntos

Lists: many values at once