DEV Community

loading...

¿Cómo funciona el bucle FOR en Javascript?

Constanza Lancieri
Frontend Developer en aprendizaje 💻
・3 min read

¡Buenas 👋! este es mi primer post, mi nombre es Constanza pero me dicen Cotu y me encuentro en el camino del aprendizaje de la programación.

Quizás te paso cuando empezaste a aprender Javascript te encontraste con el bucle for y te preguntaste ¿Cómo funciona esto?🤔
A mi me paso, y de esta manera fue que lo entendí, asi que vamos a ello:

🤔 ¿Qué es un bucle FOR?

El bucle FOR se usa para repetir una o más instrucciones de código una cierta cantidad de veces. Existen diferentes tipos de bucles en programación, pero este lo podemos usar cuanto sabemos exactamente el numero de veces que queremos que esa instrucción se repita.
Este bucle tiene tres partes que se encuentran dentro de los paréntesis, las cuales nos sirven para indicar como queremos que se hagan estas repeticiones.

▶ Veamos un ejemplo:

Si le decimos a otra persona que cuente del 1 al 10 de seguro lo hará con mucha facilidad. Sin embargo, si queremos contar en Javascript debemos decirle al lenguaje exactamente lo que tiene que hacer:

Desde donde empezar a contar, hasta donde, y si queremos incluir o no el último numero.

Tenemos que ser bien específicos:
1- Desde donde deberíamos empezar a contar
2- Donde terminamos de contar
3- Y cuanto debemos incrementar cada vez

👉Por ejemplo si queremos realizar un conteo que empiece desde el 1 hasta el 10, incluyendo el 10, e incrementando los números de a uno. Para realizarlo en Javascript podemos utilizar FOR:

//       EMPEZAR      FINALIZAR    INCREMENTAR
for ( let count = 1;  count < 11;  count += 1 )  {

    console.log(count)

}
Enter fullscreen mode Exit fullscreen mode

Observando el código podemos ver que let count = 1 significa que empezamos a contar desde el 1.

Luego especificamos la condición para terminar de contar en este caso count < 11 es decir, contaremos siempre hasta un numero menor al 11 es decir hasta el 10 como máximo.

Y por último, count += 1 significa que realizaremos el conteo incrementando de a 1 (esto es lo mismo que escribir count = count + 1)

Todas estas condiciones juntas le están diciendo a Javascript cuantas veces tiene que ejecutar el código que se encuentra dentro de las llaves, en este caso es mostrar por consola el resultado de count

console.log(count)
Enter fullscreen mode Exit fullscreen mode

Por consiguiente, lo que hará este código es ejecutarse 10 veces y mostrar el valor de count en cada iteración, empezando desde 1 hasta el 10 y aumentando de a 1 numero a la vez.

👉Si ejecutamos la consola observaremos este resultado:

1
2
3
4
5
6
7
8
9
10
Enter fullscreen mode Exit fullscreen mode

Ahora, si cambiamos el valor para que incremente de a 2 números, el código nos debería quedar de la siguiente manera:

//       EMPEZAR      FINALIZAR    INCREMENTAR
for ( let count = 1;  count < 11;  count += 2 )  {

    console.log(count)

}
Enter fullscreen mode Exit fullscreen mode

👉Vamos a ver este resultado por consola:

1
3
5
7
9
Enter fullscreen mode Exit fullscreen mode

Esto es porque ahora le dijimos a Javascript que empiece a contar desde 1, pero que incremente cada vez que se realice una iteración de a 2, entonces esto es lo que sucede:

1 + 2 = 3
3 + 2 = 5
.
.
.

Y ese fue el resultado que vimos en la consola. Cuando el conteo llega a 11 la condición de FINALIZAR dice mmm este numero no es menor a 11 y por ende ahí se finaliza la ejecución.

¡Muchas gracias por llegar hasta aquí🙋‍♀️!
Puedes seguirme en 🐤Twitter (p/d: Soy nueva en esta red social)

Discussion (0)