Bucles ​

Los bucles son estructuras de control que nos permiten ejecutar un bloque de código varias veces.

MDN Guia

Bucle for ​

El bucle for es el bucle más utilizado en JavaScript. Se utiliza para ejecutar un bloque de código un número determinado de veces.

La estructura de un bucle for es la siguiente:

for(inicio; condicion; incremento) {
  // código
}

for(inicio; condicion; incremento) {
  // código
}

for (let i = 0; i < 10; i++) {
  console.log(i)
}

for (let i = 0; i < 10; i++) {
  console.log(i)
}

Podemos utilizar el bucle for para recorrer un array:

let a = [1, 2, 3, 4, 5]

for (let i = 0; i < a.length; i++) {
  console.log(a[i])
}

let a = [1, 2, 3, 4, 5]

for (let i = 0; i < a.length; i++) {
  console.log(a[i])
}

Bucle while ​

El bucle while es un bucle que se ejecuta mientras se cumpla una condición.

La estructura de un bucle while es la siguiente:

while(condicion) {
  // código
}

while(condicion) {
  // código
}

Recuerda que la condición debe ser una expresión que devuelva un valor booleano. Tu código se ejecutará mientras la condición sea true. Debes tener cuidado de no crear un bucle infinito, asegurate que durante la ejecución del bucle la condición se vuelve false en algún momento.

while(true){
    console.log("Hola")
}

while(true){
    console.log("Hola")
}

Este bucle se ejecutará infinitamente, ya que la condición siempre será true.

Bucle do while ​

El bucle do while es un bucle que se ejecuta mientras se cumpla una condición, pero a diferencia del bucle while, el bucle do while se ejecuta al menos una vez.

La estructura de un bucle do while es la siguiente:

do {
  // código
} while(condicion)

do {
  // código
} while(condicion)

Bucle for...of ​

El bucle for...of es un bucle que nos permite recorrer un array.

La estructura de un bucle for...of es la siguiente:

for(let variable of array) {
  // código
}

for(let variable of array) {
  // código
}

let emojis = ["🐶", "🐱", "🐭", "🐹", "🐰"]
for(let emoji of emojis) {
  console.log(emoji)
}

let emojis = ["🐶", "🐱", "🐭", "🐹", "🐰"]
for(let emoji of emojis) {
  console.log(emoji)
}

Bucle for...in ​

El bucle for...in es un bucle que nos permite recorrer un objeto.

La estructura de un bucle for...in es la siguiente:

for(let variable in objeto) {
  // código
}

for(let variable in objeto) {
  // código
}

let persona = {
  nombre: "Antonio",
  edad: 20,
  ciudad: "Sevilla"
}

for(let propiedad in persona) {
  console.log(propiedad)
}

let persona = {
  nombre: "Antonio",
  edad: 20,
  ciudad: "Sevilla"
}

for(let propiedad in persona) {
  console.log(propiedad)
}