Los bucles en javascript asi como en cualquier lenguaje de programación, son formas de ejecutar una parte del cod
código de nuestro programa un numero determinado de veces, o incluso indefinidamente hasta que ciertas condiciones en el programa se hayan cumplido correctamente. Si quisieramos por ejemplo realizar un programa sencillo que cuente e imprima los numeros del 1 al 100, podriamos hacerlo utilizando un bucle en muy pocas lineas de codigo, en lugar de escribirlos manualmente (lo cual nos tomaria mucho tiempo y no es nada practico).
Para crear bucles utilizaremos 2 palabras reservadas WHILE y FOR.
Sentencia For
Esta sentencia se utiliza comunmente para ejecutar lineas de codigo un numero determiando de veces, y funciona por medio de un conteo.
Vea el siguiente pseudocodigo para ver su estructura:
for(contador = 0; mientras el contador es menor a 10; contador se incrementa en 1)
{
/*codigo que se ejecuta varias veces*/
}
La sentencia for consta de 3 parametros, donde el parametro 1 es la variable numerica que contaremos, el parametro 2 es una condicion que determina cuando debe contarse esta variable, y el ultimo parametro (3) indica si la variable debera contarse en incrementos o decrementos.
estructura:
for(parametro 1; parametro 2; parametro 3)
{/*codigo*/
}
Para comprender mejor su uso veamos este ejemplo para el cual contamos numeros del 1 al 5
/*especificamos un contador que inicia en 1, que solo se contara mientras sea menor o igual a 5, y que se contara a razon de incrementos de 1*/
for(var contador=1;contador <=5;contador++)
{
alert(“el contador esta en:”+x);
}
/*fin del programa*/
Sentencia While
La sentencia while lleva la siguietne estructura, y se utiliza comunmente para crear bucles indefinidos hasta que ciertas condiciones se den en el programa.
Para realizar esto lo escribimos de la siguiente manera. Veamos el pseudo codigo:
while(condicion = verdadera) /*mientras una condicion sea verdadera*/
{
/*codigo que se ejecuta varias veces*/
/*si la condicion es aun verdadera repetimos el ciclo, de lo contrario termina el bucle*/
}
/*Este codigo se ejecuta cuando la “condicion” sea diferente a la especificada en el parametro de while*/
En el siguiente ejemplo contamos numeros del 1 al 5 utilizando la sentencia while
Ejemplo:
var x = 1;
while(x!=5)
{
x ++;/*la x es incrementada en 1, cada vez que se repite el ciclo*/
alert(“la cuenta esta en :”+x);
}/*cuando x alcance el valor de 5, terminara el bucle*/
Recordemos que a diferencia de la sentencia for, cuando utilizamos while solo tenemos un parametro, que se reduce a una condificon verdadera o falsa.
En este caso tenemos x!=5, la cual es verdadera ya que cuando el programa inicia, x tiene un valor de 1, por lo tanto es diferente de 5 y la condición se hace verdadera, cuando se incrementa x varias veces hasta alcansar el valor de 5, la condicion es falsa por que ya no es igual a 5, y el ciclo termina.
