Bucles For en JavaScript - Tutorial TerritorioPc.com

Bucles For

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.

:�dice Tutorial de JavaScript:

Introducción

Declaración de Variables

Ejemplos