Completo tutorial de JavaScript - Bucle FOR

El bucle FOR se utiliza para repetir mas instrucciones un determinado
número de veces. De entre todos los bucles, el FOR se suele utilizar
cuando sabemos seguro el número de veces que queremos que se ejecute la
sentencia. La sintaxis del bucle se muestra a continuación.

---

for (inicialización;condición;actualización) {

---

    sentencias a ejecutar en cada iteración

---

}

---

El bucle FOR tiene tres partes incluidas entre los paréntesis. La primera es la
inicialización, que se ejecuta solamente al comenzar la primera iteración del
bucle. En esta parte se suele colocar la variable que utilizaremos para llevar
la cuenta de las veces que se ejecuta el bucle.

---

La segunda parte es la condición, que se evaluará cada vez que comience la
iteración del bucle. Contiene una expresión para comprobar cuándo se ha de
detener el bucle, o mejor dicho, la condición que se debe cumplir para que
continúe la ejecución del bucle.

---

Por último tenemos la actualización, que sirve para indicar los cambios que
queramos ejecutar en las variables cada vez que termina la iteración del bucle,
antes de comprobar si se debe seguir ejecutando.

---

Después del for se colocan las sentencias que queremos que se ejecuten en cada
iteración, acotadas entre llaves.

---

Un ejemplo de utilización de este bucle lo podemos ver a continuación, donde se
imprimirán los números del 0 al 10.

---

var i

---

for (i=0;i<=10;i++) {

---

    document.write(i)

---

}

---

En este caso se inicializa la variable i a 0. Como condición para realizar una
iteración, se tiene que cumplir que la variable i sea menor o igual que 10. Como
actualización se incremetará en 1 la variable i.

---

Como se puede comprobar, este bucle es muy potente, ya que en una sola línea
podemos indicar muchas cosas distintas y muy variadas.

---

Por ejemplo si queremos escribir los número del 1 al 1.000 de dos en dos se
escribirá el siguiente bucle.

---

for (i=1;i<=1000;i+=2)

---

    document.write(i)

---

Si nos fijamos, en cada iteración actualizamos el valor de i incrementándolo en
2 unidades.

---

Otro detalle, no utilizamos las llaves englobando las instrucciones del bucle
FOR porque sólo tiene una sentencia y en este caso no es obligado, tal como
pasaba con las instrucciones del IF.

---

Si queremos contar descendentemente del 343 al 10 utilizaríamos este bucle.

---

for (i=343;i>=10;i--)

---

    document.write(i)

---

}

---

En este caso decrementamos en una unidad la variable i en cada iteración.

---

Ejemplo

---

Vamos a hacer una pausa para asimilar el bucle for con un ejercicio que no
encierra ninguna dificultad si hemos entendido el funcionamiento del bucle.

---

Se trata de hacer un bucle que escriba en una página web los encabezamientos
desde <H1> hasta <H6> con un texto que ponga "Encabezado de nivel x".

---

Lo que deseamos escribir en una página web mediante Javascript es lo siguiente:

---

<H1>Encabezado de nivel 1</H1>

---

<H2>Encabezado de nivel 2</H2>

---

<H3>Encabezado de nivel 3</H3>

---

<H4>Encabezado de nivel 4</H4>

---

<H5>Encabezado de nivel 5</H5>

---

<H6>Encabezado de nivel 6</H6>

---

Para ello tenemos que hacer un bucle que empiece en 1 y termine en 6 y en cada
iteración escribiremos el encabezado que toca.

---

for (i=1;i<=6;i++) {

---

    document.write("<H" + i + ">Encabezado de nivel " + i + "</H" + i + ">")

---

}