LOOPS

Belen Recabal
Laboratoria Developers
3 min readFeb 22, 2017

Qué son los loops (estructuras repetitivas o bucles) en Javascript y qué nos permiten ejecutar, es lo que explicaremos acá.

Las estructuras repetitivas nos permiten recorrer arreglos u objetos, así como ejecutar operaciones mientras se cumpla una condición.

Hay muchas clases diferentes de bucles, pero todos ellos hacen en esencia lo mismo: repetir una acción un número de veces. Los diferentes bucles ofrecen también diferentes formas de determinar sus puntos de inicio y final. Hay varias situaciones que son mas fácilmente resueltas por un tipo de bucle que por otros.

Tipos de sentencias para bucles :

  1. for : Un bucle for se repite hasta que la condición especificada se evalúa como false. Una sentencia for tiene la siguiente forma:
Sentencia for

¿Cómo es esto? Veamos un ejemplo para entenderlo mejor.

Ejemplo sentencia for

Ahora expliquemos como funciona este ciclo, todos los ciclos for están compuesto de la siguiente manera:

a- Una expresión inicial que define el inicio del bucle o repetición. La sintaxis permite una expresión con cualquier grado de complejidad. Esta expresión puede también declarar variables.
b- Una condición que debe darse para que el bloque de la sentencia se ejecute. Si el valor de condición es true, se ejecuta la sentencia del bucle. Si el valor de condición es false, el bucle for finaliza. Si la expresión condición es omitida, la condición es asumida como verdadera.
c- Una expresión que incremente el valor utilizado en la condición de la segunda parte. Se ejecuta la expresión que incrementa, si hay una, y el control vuelve al paso b.

2. while : Una sentencia while ejecuta sus sentencias mientras la condición sea evaluada como verdadera. Una sentencia while tiene el siguiente forma:

sentencia while
Ejemplo sentencia while

Si la condición cambia a false, la sentencia dentro del bucle deja de ejecutarse y el control pasa a la sentencia inmediatamente después del bucle.

La condición se evalúa antes de que la sentencia contenida en el bucle sea ejecutada. Si la condición devuelve true, la sentencia se ejecuta y la condición se comprueba de nuevo. Si la condición es evaluada como false, se detiene la ejecución y el control pasa a la sentencia siguiente al while.

3. do…while: Ejecuta las sentencias de su bloque hasta que la condición pasada sea false. A diferencia de while, do…while ejecuta al menos una las sentencias de su bloque.

sentencia do..while

Veamos cómo funciona esta sentencia :

Si la condición es true, la sentencia se ejecuta de nuevo. Al final de cada ejecución, la condición es comprobada. Cuando la condición es falsa, la ejecución se detiene y el control pasa a la sentencia siguiente al do...while.

Ahora veamos el siguiente código:

En el siguiente ejemplo, el bucle do itera al menos una vez y vuelve a hacerlo mientras i sea menor que 5.

ejemplo do…while

--

--

Belen Recabal
Laboratoria Developers

Mujer — Latinoámericana — Tech — Laboratoria — UNREAL — Voz del podcast Girl Tech Gang