Ciclos

Los ciclos son una herramienta esencial dentro de JavaScript. Sirven para repetir un bloque de código varias veces, dependiendo de una condición específica. Los ciclos son fundamentales para la automatización de tareas y la eficiencia en el código.

Existen dos tipos de ciclos en JavaScript: los ciclos "for" y los ciclos "while". Ambos tienen una sintaxis similar, pero se utilizan en situaciones diferentes.

El ciclo "for" es utilizado para repetir un bloque de código un número específico de veces. Su sintaxis básica es la siguiente:

for (inicialización; condición; actualización) {
  // código a ejecutar
}

La inicialización se ejecuta una sola vez al principio del ciclo, la condición se evalúa en cada iteración antes de ejecutar el código dentro del ciclo y la actualización se ejecuta al final de cada iteración. Por ejemplo, el siguiente ciclo "for" imprimirá los números del 1 al 10 en la consola:

for (let i = 1; i <= 10; i++) {
  console.log(i);
}
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
// 9
// 10

También existen los ciclos **for-in** y for-of. El ciclo for-in se utiliza para recorrer las propiedades de un objeto, mientras que el ciclo for-of se utiliza para recorrer los elementos de una colección como un array.

El uso de un ciclo "for in" es la siguiente:

const user = {
	name: "Pepito",
  age: 20,
  role: "JavaScript developer"
}

for (const prop in user) {
	console.log(user[prop])
}

// "Pepito"
// 20
// "JavaScript developer"

En este ejemplo, se establece una variable "prop" que se utilizará para recorrer las propiedades del objeto. El valor de cada propiedad se imprimirá en la consola.

Por otro lado, la sintaxis de un ciclo for-of es la siguiente:

const technologies = ["js", "html", "node", "php"]

for (const element of technologies) {
  console.log(element)
}

// "js"
// "html"
// "node"
// "php"

En este ejemplo, se establece una variable "element" que se utilizará para recorrer cada elemento en el array. Cada valor se imprimirá en la consola.

Por otro lado, el ciclo while se utiliza para repetir un bloque de código mientras se cumpla una determinada condición. Su sintaxis básica es la siguiente:

while (condición) {
  // código a ejecutar
}

La condición se evalúa antes de ejecutar el código dentro del ciclo y si la condición es verdadera, el código se ejecutará de nuevo. Por ejemplo, si quisiéramos hacer una implementación del ejemplo anterior con los números del 1 al 10, quedaría de la siguiente manera:

let i = 1;
while (i <= 10){
  console.log(i);
  i++;
}

Existe una extensión del while en javascript llamado do-while que tiene una pequeña diferencia, el código dentro del ciclo se ejecutará al menos una vez antes de evaluar la condición. Por ejemplo:

let i = 1;
do {
	console.log(i);
	i++;
	} while (i <= 10);

En la siguiente clase tendrás un ejercicio particular para practicar los bucles ¡Mucha suerte!.

Todo esto y más lo puedes aprender en el Curso Básico de JavaScript