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!.
La primera es una concatenacion y la segunda Javascript lo que hace es igualar el tipo de datos y por eso hace la resta
jajaja
👨💻💪🚀 ¡Ey chicos! ¡A darle caña al Javascript! 💻🎓🤓 No se detengan ante los desafíos, sigan aprendiendo, experimentando y creando cosas locas con este lenguaje increíble. ¡Vamos que se puede! 🤘🔥😎
Ánimo, ¡gracias!
Aquí dejo algunos datos curiosos sobre ciclos en JavaScript:
.
Los ciclos while y for son los más utilizados en JavaScript, pero también existen otros tipos de ciclos como do-while y for-in.
.
La instrucción break se utiliza para salir de un ciclo prematuramente, mientras que la instrucción continue se utiliza para saltar a la siguiente iteración del ciclo sin ejecutar el código restante en la iteración actual.
.
JavaScript también tiene una función de ciclo forEach(), que permite iterar a través de elementos de un array sin necesidad de utilizar un ciclo for. La función forEach() toma una función como argumento y la ejecuta para cada elemento del array.
.
En algunos casos, es posible crear ciclos infinitos en JavaScript. Esto sucede cuando la condición en el ciclo siempre se evalúa como verdadera y nunca se rompe el ciclo. Si un ciclo infinito se ejecuta en un navegador web, puede causar que la página web se bloquee o se congele.
.
Los ciclos también se pueden anidar dentro de otros ciclos en JavaScript. Esto se utiliza comúnmente para iterar sobre matrices bidimensionales o realizar operaciones en estructuras de datos complejas.
Algo que considero que les servira a largo plazo es la documentacion. Aqui les dejo el link:
for-in támbien se puede utilizar en los arrays, pero a diferencia del for-of, que retorna el valor, el for-in devuelvé el indice del item dentro del array.
const technologies =["js","html","node","php"]for(let index of technologies){console.log(element)}// 0// 1// 2// 3
El ejemplo no va con lo que explicaste 😅, pero tienes razón