informaticaPC

Tutorial de JavaScript

Estructuras de control repetitivas o iterativas

Sentencias de control Repetitivas o Iterativas

En JavaScript disponemos de bucles for(), do .. while() y while(). Veamos un ejemplo este último:

var contador = 1;

while( contador <= 5 )
{
    alert( "Ahora contador tiene valor [" + contador + "]" );
    contador = contador + 1;
}

Descargar ejemplo

Explicación: declaramos la variable 'contador' y la inicializamos con un valor de 1. Posteriormente se entra en el bucle, en el que mostramos un mensaje con el valor de dicha variable y después la incrementamos en 1: se volverá a evaluar la expresión del while() y repetirá el código que contiene mientras la variable posea un valor menor o igual a 5.

Observa que con ' + ' también podemos concatenar (unir) cadenas de texto con el valor de las variables.

Veamos ahora un ejemplo de bucle do ... while():

var contador = 1;

do
{
    alert( "Ahora contador tiene valor [" + contador + "]" );
    contador = contador + 1;
} while( contador <= 5 )

Descargar ejemplo

La diferencia entre while() y do ... while() es que en este último la condición para procesar el bucle se evalúa al final, mientras que con la primera de ellas la comprobación se realiza al principio del mismo.

A continuación vemos cómo usar un bucle for():

var contador;

for(contador=1; contador <= 5; contador++ )
{
    alert( "Ahora contador tiene valor [" + contador + "]" );
}

Descargar ejemplo

Explicación: declaramos una variable 'contador' que inicializamos a 1 en la primera sección del mismo bucle for(). En la segunda sección especificamos la condición exigida para que se continúe repitiendo el bucle (en nuestro ejemplo, que 'contador' tenga un valor menor o igual a 5), y en la tercera sección indicamos el incremento que se aplicará a dicha variable cada vez que se procese el bucle, pudiendo ser también negativo (en nuestro ejemplo se incrementará en 1).

Otro ejemplo, en el que el incremento se hace de dos en dos:

var contador;

for(contador=1; contador <= 5; contador=contador+2 )
{
    alert( "Ahora contador tiene valor [" + contador + "]" );
}

Descargar ejemplo

Para forzar la salida de un bucle en un determinado punto aunque se cumpla condición especificada para que se repita, usaremos break, como puedes ver el siguiente ejemplo:

var contador;

for(contador=1; contador <= 5; contador++ )
{
    alert( "Ahora contador vale [" + contador + "]" );

    if( contador == 3) {
        break;
    }
}

Descargar ejemplo

Explicación: cuando la variable 'contador' tenga un valor de 3 se entrará en el if() y al procesar el break se saldrá inmediatamente del bucle for(), con lo que sólo se mostrarán los números 1, 2 y 3.

Otra instrucción que podemos usar es continue, con la cual forzamos que se vuelva a evaluar la expresión del bucle, sin procesar el resto del código del mismo (en este caso usando for() se realiza el incremento de la variable ‘contador’). ejemplo:

var contador;

for(contador=1; contador <= 5; contador++ )
{
    if( contador == 3)
        continue;

    alert( "Ahora contador vale [" + contador + "]" );
}

Descargar ejemplo

Explicación: cuando la variable 'contador' tenga un valor de 3 se volverá a la línea en que se evalúa el bucle sin procesar el alert(), con lo que sólo se mostrarán los números 1, 2, 4 y 5.

En JavaScript existe también un bucle for ... in que veremos más adelante y es usado para recorrer las propiedades de un Objeto.

Primera página Anterior Siguiente Última página
Usamos cookies para ofrecerte una experiencia mejorada, el continuar navegando supone que aceptas su uso