Inicio > Tutoriales > Minitutorial básico JavaScript. Bucles.

Minitutorial básico JavaScript. Bucles.

Sábado, 15 de noviembre de 2008 Vera

Un bucle o ciclo, en programación, es una sentencia que se realiza repetidas veces a un trozo aislado de código, hasta que la condición asignada a dicho bucle deje de cumplirse.

Ejemplos de bucles, según las sentencias “For”, “While”. La ruptura de estos bucles mediante la instrucción “Break” y su continuación gracias a la sentencia “Continue”.

La sentencia For

Como en todos los lenguajes, se utiliza para repetir un conjunto de sentencias un número de veces.

for (var i=1; i < 10; i++) {
alert(i)
}

Primero es necesario crear la variable i y asignarle un valor inicial y otro final. En este caso el bucle se repetirá 9 veces (ojo con el error de uno de mas). La segunda parte indica que i se incrementara de uno en uno (operador ++). Cada vez que se recorra el bucle aparecerá un mensaje de alerta que mostrará el valor que en ese momento tenga i.

La sentencia While

Se usa para ejecutar una serie de instrucciones mientras se cumpla una condición.

while(condicion) {
sentencias
}

Por ejemplo:

var i = 0
while(i < 10) {
i = i + 1
alert(i)
}

Este bucle es similar al de arriba. Se muestra un mensaje con el valor de la variable i. La salida del bucle está condicionada mientras i sea menor que 10. Fíjate que en este caso debemos ser nosotros los que incrementemos el valor de i (i=i+1)

La sentencia Break

La sentencia Break permite una salida de los bucles añadiendo otra condición, enviando el control de la ejecución a la siguiente sentencia después del bucle. Por ejemplo:

var i = 0
while(i < 10) {
i = i+1
alert(i)
if (i == 5) {
break
}
}
alert("Fin del bucle")

Este ejemplo, que es el de siempre, terminará antes de que i llegue a 10 porque tiene una ruptura cuando i sea igual a 5.

La sentencia Continue

La sentencia continue permite que el bucle llegue al final, pero impide que se ejecuten las sentencias cuando se cumple una condición.

var i = 0
while(i < 10) {
i = i + 1
if (i == 5) {
continue
}
alert(i)
}

Si antepusiéramos a la sentencia continue la función alert (“Hemos llegado a 5 y continuamos”) se mostraría el mensaje y luego seguiríamos viendo los números hasta llegar a 9.

Volver al Índice

Sobre Mi... Si quieres puedes seguirme en Twitter o bien Suscribirte directamente al blog para recibir las actualizaciones más recientes.
avatar
Vera
Ver todas las entradas de Vera
David Web

Entradas Relacionadas:



Comentarios cerrados.

Comentarios adicionales por BackType