Completo tutorial de JavaScript - Bucles while y do while

Veamos ahora los dos tipos de bucles WHILE que podemos utilizar en Javascript
y los usos de cada uno.

---

Bucle WHILE

---

Estos bucles se utilizan cuando queremos repetir la ejecución de unas sentencias
un número indefinido de veces, siempre que se cumpla una condición. Se más
sencillo de comprender que el bucle FOR, pues no incorpora en la misma línea la
inicialización de las variables su condición para seguir ejecutándose y su
actualización. Sólo se indica, como veremos a continuación, la condición que se
tiene que cumplir para que se realice una iteración.

---

while (condición){

---

    sentencias a ejecutar

---

}

---

Un ejemplo de código donde se utiliza este bucle se puede ver a continuación.

---

var color = ""

---

while (color != "rojo")

---

    color = dame un color

---

}

---

Este es un ejemplo de lo más sencillo que se puede hacer con un bucle while. Lo
que hace es pedir que el usuario introduzca un color mientras que el color no
sea rojo. Para ejecutar un bucle como este primero tenemos que inicializar la
variable que vamos utilizar en la condición de iteración del bucle. Con la
variable inicializada podemos escribir el bucle, que comprobará para ejecutarse
que el la variable color sea distinto de "rojo". En cada iteración del bucle se
pide un nuevo color al usuario para actualizar la variable color y se termina la
iteración, con lo que retornamos al principio del bucle, donde tenemos que
volver a evaluar si lo que hay en la variable color es "rojo" y así
sucesivamente mientras que no se haya introducido como color el texto "rojo".
Obviamente la expresión dame un color no es Javascript, pero como no sabemos
todavía cómo escribir eso en Javascript es mejor verlo más adelante.

---

Bucle DO...WHILE

---

Es el último de los bucles que hay en Javascript. Se utiliza generalmente cuando
no sabemos cuantas veces se habrá de ejecutar el bucle, igual que el bucle
WHILE, con la diferencia de que sabemos seguro que el bucle por lo menos se
ejecutará una vez.

---

Este tipo de bucle se introdujo en Javascript 1.2, por lo que no todos los
navegadores los soportan, sólo los de versión 4 o superior. En cualquiuer caso,
cualquier código que quieras escribir con DO...WHILE se puede escribir también
utilizando un bucle WHILE, con lo que en navegadores antiguos deberás traducir
tu bucle DO...WHILE por un bucle WHILE.

---

La sintaxis es la siguiente.

---

do {

---

    sentencias del bucle

---

} while (condición)

---

El bucle se ejecuta siempre una vez y al final se evalúa la condición para decir
si se ejecuta otra vez el bucle o se termina su ejecución.

---

Veamos el ejemplo que escribimos para un bucle WHILE en este otro tipo de bucle.

---

var color

---

do {

---

    color = dame un color

---

} while (color != "rojo")

---

Este ejemplo funciona exactamente igual que el anterior, excepto que no tuvimos
que inicializar la variable color antes de introducirnos en el bucle. Pide un
color mientras que el color introducido es distinto que "rojo".

---

Ejemplo
Vamos a ver a continuación un ejemplo más práctico sobre cómo trabajar con un
bucle WHILE. Como resulta muy dificil hacer ejemplos prácticos con lo poco que
sabemos sobre Javascript, vamos a adelantar una instrucción que aun no conocemos.

---

En este ejemplo vamos a declarar una variable e inicializarla a 0. Luego iremos
sumando a esa variable un número aleatorio del 1 al 100 hasta que sumemos 1.000
o más, imprimiendo el valor de la variable suma después de cada operación. Será
necesario utilizar el bucle WHILE porque no sabemos exactamente el número de
iteraciones que tendremos que realizar.

---

var suma = 0

---

while (suma < 1000){

---

    suma += parseInt(Math.random() * 100)

---

    document.write (suma + "<br>")

---

}

---

Suponemos que por lo que respecta al bucle WHILE no habrá problemas, pero donde
si que puede haberlos es en la sentencia utilizada para tomar un número
aleatorio. Sin embargo, no es necesario explicar aquí la sentencia porque lo
tenemos planeado hacer más adelante.