Contenido del curso
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
John Alexander Cotamo
student
Juan Gui Arenas
student
Kyb3r Cipher
student
Brayan Estiben Rodallega Saavedra
student
Juan Manzano
student
Luis Castro
student
Jose Moreno
studentTatiana Muñoz Muñoz
student
Enyell Duarte
student
Irving Juárez
student
Ricardo Alfonso Chavez Vilcapoma
studentIrving Juárez
studentRicardo Alfonso Chavez Vilcapoma
studentTe amo JavaScript, aunque sea algo así
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:
.
while y for son los más utilizados en JavaScript, pero también existen otros tipos de ciclos como do-while y for-in.
.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.
.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.
.Algo que considero que les servira a largo plazo es la documentacion. Aqui les dejo el link:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while
Mi resumen de la clase
Brutal :)
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
Tienes razón, era in en lugar de of
For in en arrays devuelve el índice del elemento:
