Teoría
Teoría

Recorrer un arreglo con for

Los ciclos y los arreglos están muy relacionados. Muchas operaciones con arreglos, como sumar sus elementos, se hacen con ciclos. Ya tienes todo lo necesario para recorrer un arreglo de esta manera.

Para esta tarea usaremos un ciclo for. Su variable servirá como índice de los elementos. Empezará en cero y aumentará en uno después de cada iteración, de modo que el ciclo recorra hasta el último índice incluido.

El nombre tradicional de la variable de un ciclo, i, viene de index, que significa «índice». Es otra convención entre programadores que ayuda a escribir menos código.

Una cuestión de estilo: ¿cómo conviene escribir la condición del ciclo? Hay dos opciones. Veámoslas con un arreglo de tres elementos:

// Primera opción: i < usersByDay.length
// usersByDay.length == 3

Preparación: i = 0
Iteración 1: i = 0; ¿0 < 3? ¡Sí! Acciones de la primera iteración; i = 1
Iteración 2: i = 1; ¿1 < 3? ¡Sí! Acciones de la segunda iteración; i = 2
Iteración 3: i = 2; ¿2 < 3? ¡Sí! Acciones de la tercera iteración; i = 3
Iteración 4: i = 3; ¿3 < 3? ¡No! Termina el ciclo.

// Segunda opción: i <= usersByDay.length - 1
// usersByDay.length - 1 == 2

Preparación: i = 0
Iteración 1: i = 0; ¿0 <= 2? ¡Sí! Acciones de la primera iteración; i = 1
Iteración 2: i = 1; ¿1 <= 2? ¡Sí! Acciones de la segunda iteración; i = 2
Iteración 3: i = 2; ¿2 <= 2? ¡Sí! Acciones de la tercera iteración; i = 3
Iteración 4: i = 3; ¿3 <= 2? ¡No! Termina el ciclo.

Las condiciones i < usersByDay.length e i <= usersByDay.length - 1 funcionan igual. Por ahora usaremos la segunda, que resta uno a la longitud. Así recordaremos que los índices del arreglo empiezan en cero.

script.js

JavaScript

let expectedUsers = 1000; let usersByDay = [812, 1360, 657, 1247]; // Dibujamos la gráfica de visitas keks.plot(usersByDay, expectedUsers); // Calculamos el promedio de visitas let averageUsers = 0; console.log('Promedio de visitas: ' + averageUsers); if (averageUsers > expectedUsers) { console.log('Las visitas van de maravilla. ¡Sigue así!'); } else { console.log('Las visitas van más o menos. ¡Hay que esforzarse más!'); }

ObjetivosRealizado

Después de keks.plot, agrega un ciclo que recorra los valores de i desde cero hasta usersByDay.length - 1, ambos incluidos. El valor de i debe aumentar en uno después de cada iteración.
Dentro del ciclo, muestra usersByDay[i] en la consola.

Recorrer un arreglo con for

Resultado de la ejecución