Si bien otras respuestas responden el ejemplo particular de tu pregunta, para responder la duda subyacente (¿Cómo saber cuándo es la última iteración de mi ciclo for?) vale la pena recordar el funcionamiento del bucle for
.
Estructura del bucle for
Su forma general en JS (y en muchos otros lenguajes) es la siguiente:
for(/*expresión inicial*/; /*condición*/; /*expresión final*/)
{
/*sentencias a ejecutar*/
}
Una expresión o declaración de variable, la cual típicamente se utiliza como variable contador
.
Una expresión para ser evaluada antes de cada iteración del bucle. Si esta expresión se evalúa como verdadera, se ejecutan las sentencias a ejecutar
. Si la expresión se evalúa como falsa, la ejecución salta a la primera expresión que sigue al bucle for
.
Una expresión para ser evaluada al final de cada iteración del bucle. Esto ocurre antes de la siguiente evaluación de la condición
. Generalmente se usa para actualizar o incrementar la variable contador
.
Un conjunto de sentencias que se ejecutan sucesivamente, mientras la condición
se evalúe como verdadera.
(Definiciones adaptadas de la documentación de MDN)
Funcionamiento del bucle for
Su funcionamiento es el siguiente:
- Se ejecuta la
expresión inicial
- Se evalúa la
condición
.
- Ocurre uno de los siguientes casos:
3.1 Si la condición
se evaluó verdadera, vamos al paso 4
3.2 Si la condición
se evaluó falsa, vamos al paso 7
- Se ejecutan las
sentencias a ejecutar
- Se ejecuta la
expresión final
- Volvemos al paso 2.
- Salimos del bucle
for
Gráficamente, equivale a este flujo: ver imagen.
Nota: Para quienes estén familiarizados con el bucle while
, mas no con for
, vale la pena notar que el siguiente código equivale al for
recién expuesto.
/*expresión inicial*/
while(/*condición*/)
{
/*sentencias a ejecutar*/
/*expresión final*/
}
Determinando la última iteración del bucle for
La mala noticia: no siempre es posible determinar dentro de las sentencias a ejecutar
si es que estás en la última iteración del for
.
Por ejemplo, en el siguiente caso, en la expresión final
del bloque asignamos un número entero al azar entre 1 y 10 a la variable i
.
for(var i=0; i<=5; i=Math.floor(Math.random()*1)-10){
// No hay manera de saber si estamos en la última iteración, pues
// después de esta sección se ejecutará la `expresión final` y recién
// después se evaluará la `condición` para determinar si volvemos a entrar acá.
}
Ahora bien, eso está lejos de ser lo habitual :)
La buena noticia: Dentro de cada iteración, si es que puedes determinar el valor que tendrá la condición
después de ejecutar primero las sentencias a ejecutar
y luego la expresión final
(en ese orden), entonces puedes saber si estás (o no) en la última iteración
Caso típico
El uso más típico de for
, que es también el que usas en tu ejemplo, es el siguiente:
- Expresión inicial: Declara una variable
i
entera con un valor inicial
(p. ej. var i=0
o var i=valorInicial
)
- Condición: Evalúa que la variable sea menor a un valor o a otra variable
(p. ej. i<42
o i<accordeon
)
- Expresión final: Aumenta en uno el valor de la variable
(p. ej. i++
o i=i+1
)
- Sentencias a ejecutar: Usan la variable
i
, pero sin modificarla.
(p. ej. console.log("Esta es la iteración"+i);
o arreglo[i] = 3*i;
)
Para este caso típico, sabemos que una vez ejecutadas las sentencias a ejecutar
, la variable i
aumentará su valor en 1. Esto hace que las siguientes formas sean maneras válidas de verificar si estamos en la última iteración:
for(var i=0; i<42; i++){
// Si es que (i+1) no es menor a 42
if(!( (i+1)<42 )){
console.log("Esta es la última iteración");
}
}
Lo equivale a:
for(var i=0; i<42; i++){
// Si es que i es igual 42-1
if(i == 41){
console.log("Esta es la última iteración");
}
}
Nota: La afirmación "estamos en la última iteración del for
" equivale a decir "la próxima vez que se evalúe la condición
, esta será falsa".
Yendo a tu ejemplo
for (var i=0; i<accordeon; i++) {
if (/*UltimaIteracion*/) {
// Instrucciones de la ultima iteración
}
}
Se traduce a a:
for (var i=0; i<accordeon; i++) {
if (! ((i+1)<accordeon) ) {
// Instrucciones de la ultima iteración
}
}
Lo que equivale a
for (var i=0; i<accordeon; i++) {
if (i == accordeon-1) {
// Instrucciones de la ultima iteración
}
}
Nota final: Por todo lo anterior, debes notar que esto funcionará siempre y cuando no modifiques el valor de i
ni el de accordeon
dentro de las sentencias a ejecutar
de tu for
. En caso contrario, la verificación podría ser imposible, o bien la expresión UltimaIteracion
para el if
podría verse alterada.
i === accordeon - 1
.for
, se puede actuar sobre ese último elemento. De todos modos, si lo que pretendes es hacer una acción sobre un solo elemento, utilizar un bucle no parece la solución más óptima.for
yArray#forEach
son funciones/estructuras síncronas, fácilmente podrías tener la lógica para "la última iteración" fuera del bucle.