Los bucles nos van a servir principalmente para realizar tareas repetitivas (verás que es algo muy útil). La forma más sencilla de realizar un bucle es utilizando las funciones FOR y WHILE.
La función FOR utiliza una variable que va cambiando de valor progresivamente. Gracias a esta variable podemos contar el número de veces que queremos que se lleve a cabo una operación, por ejemplo.
La estructura de FOR es la siguiente:
for(valor inicial; cuando terminar; operación a realizar)
{
operaciones a realizar
}
Por ejemplo, supongamos que queremos contar del 1 al 10 utilizando una variable llamada “i”:
for (i=1; i<=10; i=i+1)
{
alert(i)
}
El código anterior hará que aparezcan 10 ventanas alert() mostrando los números del 1 al 10
Fíjate en los parámetros de for:
i=1
Esto significa que la variable i va a comenzar a contar por 1 (es el valor inicial)
i<=10
Esto indica que for va a estar funcionando mientras que i sea más pequeño o igual a 10
i=i+1
Esto significa que a cada paso, i va a valer uno más (se le suma 1 a i)
Es decir, aparecerían todos los números entre 1 y 10 incluidos (1, 2, 3, 4 …)
¿Raro? ¿Complicado? No te preocupes, simplemente ten en cuenta esta estructura:
for(i=número por el que se empieza; i<=número por el que se termina; i=i+ salto)
Si modificamos la línea de for por esta otra:
for (i=10; i<=20; i=i+1)
{
alert(i)
}
For comenzará a contar en 10 y terminará en 20, pasando por todos los números, ya que el salto (i=i+1) es de 1 en 1
for (i=10; i<=20; i=i+2)
{
alert(i)
}
Este caso es casi igual al anterior, pero el salto es 2, es decir, aparecerán todos los números pares (10, 12, 14, …) entre 10 y 20 incluidos
Puedes probar de la siguiente forma (recuerda que tienes que añadir <SCRIPT LANGUAJE=”JavaScript”> y </SCRIPT> dentro de la página html para que funcione)
var i
for (i=1; i<=10; i=i+1)
{
document.write(i)
}
Si lo has hecho bien, aparecerán los números del 1 al 10 en la ventana del navegador de la siguiente forma: 12345678910
Si quieres separar un número de otro, solo tienes que realizar un pequeño cambio en la línea de document.write:
document.write(i+”<BR>”)
Si actualizas el contenido de tu navegador, verás que los números aparecen uno debajo de otro.
<BR>, como ya sabes, es un separador que se utiliza en html (si tienes problemas con html busca tutoriales gratis en www.territoriopc.com)
Prueba ahora a modificar distintos parámetros en for para obtener numeraciones diferentes.
