Cómo usar los bucles en JavaScript con For, While o Do While

En este artículo, explicare el uso básico de las estructuras de control para producir bucles o repeticiones. Los bucles pueden ejecutar bloques de código cualquier cantidad de veces que sea necesario.

Una de las principales ventajas de la programación es la posibilidad de crear bucles y repeticiones para tareas específicas, y que no tengamos que realizarlas varias veces de forma manual.

Las siguientes declaraciones de bucle son permitidas en JavaScript:

•     For
•     While
•     Do while

Uso del bucle For

El bucle for es el bucle más utilizado. Incluye las siguientes tres partes importantes:

• La inicialización del ciclo donde inicializamos nuestro contador a un valor inicial. La instrucción de inicialización se ejecuta antes de que comience el ciclo.
• La declaración de la condición que probará si una condición dada es verdadera o no. Si la condición es verdadera, se ejecutará el código dado dentro del bucle; de lo contrario, el control saldrá del bucle.
• La declaración de iteración donde puede aumentar o disminuir su contador.

Sintaxis:

    for (initialization; condition; increment/ decrement) 
    { 
       Executed these statements; 
    } 

Ejemplo:

See the Pen eYJrqXQ by Estrada WebGroup (@jiestradah) on CodePen.

Uso del bucle While

While es el bucle más simple en JavaScript. El propósito de un ciclo while es repetir un bloque de código, siempre que una condición especificada sea verdadera. En el ciclo for, hemos visto las tres partes que se deben específica. En el caso del ciclo while, las condiciones y la inicialización se producen en diferentes lugares. El siguiente código muestra la sintaxis general de un bucle While:

    while (condición) 
    { 
        Instrucciones a ejecutar; //true 
        Incrementa/decrementa ;
    } 

Ejemplo:

See the Pen ZEQogPq by Estrada WebGroup (@jiestradah) on CodePen.

Uso del bucle Do While

El bucle do ... while es similar al bucle while, excepto que la verificación de la condición ocurre al final del bucle. Esto significa que el bucle siempre se ejecutará al menos una vez, incluso si la condición es falsa.

Sintaxis:

    do  
    { 
       Instrucciones a ejecutar;
        Incrementa/decrementa ;
    } 
    while (Condición) //true 

Ejemplo:

See the Pen xxZjveo by Estrada WebGroup (@jiestradah) on CodePen.

Conclusión

En este artículo, explique el uso básico de las estructuras de control para programar bucles o repeticiones. Espero que este artículo te sea útil. ¡Gracias!