![\"\"](\"https:\/\/danielsegovia.com\/plataforma\/wp-content\/uploads\/2023\/05\/Loops-1.jpg\")
<\/figure>Un bucle en programaci\u00f3n es una estructura de control que permite repetir un bloque de c\u00f3digo varias veces. Los bucles son \u00fatiles cuando se necesita realizar una tarea varias veces o cuando se necesita procesar un conjunto de datos. En lugar de escribir el mismo c\u00f3digo una y otra vez, un bucle puede automatizar la tarea para que se realice de manera m\u00e1s eficiente y con menos errores.
Los bucles se ejecutan mientras se cumpla una condici\u00f3n determinada. La condici\u00f3n puede ser una comparaci\u00f3n entre dos valores, una expresi\u00f3n booleana o cualquier otro tipo de prueba l\u00f3gica que permita determinar si el bucle debe continuar o no.<\/p>\n\n\n\n
Imagina que eres un chef y tienes un pedido de 100 galletitas para enviar. Tienes el problema que en tu horno solamente entra 1 sola bandeja donde caben 10 galletitas. Tu trabajo como chef ser\u00e1 ir horneando tandas de 10 en 10 hasta completar el pedido de 100 galletitas.<\/p>\n\n\n\n
Los bucles funcionan de manera similar en programaci\u00f3n, permiti\u00e9ndote repetir una secci\u00f3n de c\u00f3digo varias veces en lugar de escribir la misma acci\u00f3n una y otra vez manualmente.<\/p>\n\n\n\n
Al principio cuando uno se inicia en programaci\u00f3n se pregunta \u00bfpara qu\u00e9 necesito repetir la misma acci\u00f3n tantas veces? ver\u00e1s tanto en el curso como en los desarrollos que te enfrentes que es mucho m\u00e1s com\u00fan de lo que imaginas ahora<\/p>\n<\/div><\/div>\n\n\n\n
El bucle for<\/h2>\n\n\n\n
El bucle La secci\u00f3n de inicializaci\u00f3n se utiliza para declarar y asignar valores a las variables que se utilizar\u00e1n en el bucle. La secci\u00f3n de condici\u00f3n se utiliza para especificar una condici\u00f3n que debe ser verdadera para que el bucle se siga repitiendo. La secci\u00f3n de actualizaci\u00f3n se utiliza para modificar las variables despu\u00e9s de cada repetici\u00f3n del bucle.<\/p>\n\n\n\n Por ejemplo, si queremos imprimir los n\u00fameros del 1 al 5 en la consola, podemos utilizar un bucle En este caso, El resultado de este bucle ser\u00eda la impresi\u00f3n de los n\u00fameros del 1 al 5 en la consola.<\/p>\n\n\n\n \u00bfTe animas a resolver el ejercicio del chef? Versi\u00f3n 2 <\/p>\n\n\n\n Imagina que est\u00e1s caminando por la calle y comienza a llover. Para mantenerte seco, sacas un paraguas y lo abres. Ahora est\u00e1s caminando debajo del paraguas y te est\u00e1s moviendo hacia tu destino. Sin embargo, la lluvia sigue cayendo y necesitas mantener el paraguas abierto para no mojarte.<\/p>\n\n\n\n En programaci\u00f3n, esto se puede representar como un bucle Es importante tener en cuenta que, al igual que con el paraguas, si la condici\u00f3n del bucle no se cumple correctamente, puedes tener problemas. Si dejas de verificar si todav\u00eda est\u00e1 lloviendo, podr\u00edas terminar caminando con un paraguas abierto bajo el sol, lo que no solo es inc\u00f3modo, sino tambi\u00e9n innecesario. De manera similar, si la condici\u00f3n en un bucle En resumen, la metafora del paraguas mientras llueve puede ayudarte a entender el funcionamiento del bucle La sintaxis del bucle El bucle Por ejemplo, si queremos imprimir los n\u00fameros pares del 2 al 10 usando un bucle Como advert\u00eda en el inicio del bucle Si observas el ejemplo anterior la variable i se inicializa en 2 y cada vuelva del ciclo incrementa la variable 2 unidades, es decir, 2 para la primera vuelta, 4 para la segunda, 6 la tercera y as\u00ed sucesivamente. Imagina que est\u00e1s jugando un juego de adivinanzas en el que tienes que adivinar un n\u00famero entre 1 y 10. El juego te da una pista de si el n\u00famero que adivinaste es mayor o menor que el n\u00famero objetivo, pero no te dice el n\u00famero exacto. Quieres asegurarte de adivinar el n\u00famero correcto lo antes posible, pero no sabes cu\u00e1ntos intentos te llevar\u00e1.<\/p>\n\n\n\n Para este caso, podr\u00edamos utilizar el ciclo En este caso, el bloque de c\u00f3digo ser\u00eda tu intento de adivinar el n\u00famero, mientras que la condici\u00f3n ser\u00eda si el n\u00famero que adivinaste es igual al n\u00famero objetivo. En el ciclo Volviendo al ejemplo del juego de adivinanzas, supongamos que el n\u00famero objetivo es 7. Comienzas a adivinar y adivinas el n\u00famero 5. El juego te dice que el n\u00famero objetivo es mayor que 5, por lo que adivinas 6. El juego te dice que el n\u00famero objetivo es mayor que 6, por lo que adivinas 8. El juego te dice que el n\u00famero objetivo es menor que 8, por lo que adivinas 7 y finalmente adivinas el n\u00famero correcto.<\/p>\n\n\n\n En programaci\u00f3n, el ciclo A continuaci\u00f3n, te presento un ejemplo de c\u00f3digo en JavaScript que utiliza el ciclo Trabajemos con el \u00faltimo enunciado para dise\u00f1ar una aplicaci\u00f3n <\/p>\n\n\n\n Nuestra amiga de todocode<\/a> nos regala un excelente video explicativo de como funcionan los ciclos<\/p>\n\n\n\nfor<\/code> es una estructura de control que se utiliza cuando se sabe exactamente cu\u00e1ntas veces se necesita repetir una secci\u00f3n de c\u00f3digo. La sintaxis del bucle for<\/code> es la siguiente:<\/p>\n\n\n\nfor (inicializaci\u00f3n; condici\u00f3n; actualizaci\u00f3n) {\n \/\/ c\u00f3digo a repetir\n}\n<\/code><\/pre>\n\n\n\nfor<\/code> de la siguiente manera:<\/p>\n\n\n\nfor (let i = 1; i <= 5; i++) {\n console.log(i);\n}<\/code><\/pre>\n\n\n\ni<\/code> es la variable que se utiliza para contar las repeticiones del bucle.
Aqu\u00ed un detalle de que pasa en cada expresi\u00f3n<\/p>\n\n\n\n\n
let i = 1<\/code> asigna el valor inicial de i<\/code> a 1.<\/li>\n\n\n\ni <= 5<\/code> especifica que el bucle debe seguir repiti\u00e9ndose mientras i<\/code> sea menor o igual a 5<\/li>\n\n\n\ni++<\/code> aumenta el valor de i<\/code> en 1 despu\u00e9s de cada repetici\u00f3n del bucle<\/li>\n<\/ul>\n\n\n\nMini Ejercicio<\/h3>\n\n\n\n
En una variable almacena la cantidad de galletitas a cocinar para un pedido, por ejemplo 87 y recuerda que las galletitas solamente se cocinan en tantas de 10, el cual es la capacidad m\u00e1xima del horno.<\/p>\n\n\n\n
El local ha comprado un nuevo horno, por lo cual el chef puede cocinar 20 galletitas en simult\u00e1neo, modifica tu programa para que soporte este nuevo n\u00famero de producci\u00f3n de galletitas.<\/p>\n\n\n\nEl bucle while<\/h2>\n\n\n
![\"\"](\"https:\/\/danielsegovia.com\/plataforma\/wp-content\/uploads\/2023\/05\/Leonardo_Diffusion_umbrella_rain_many_people_2.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nwhile<\/code>. La lluvia que sigue cayendo ser\u00eda la condici\u00f3n del bucle, y el paraguas que mantienes abierto es el bloque de c\u00f3digo que se ejecuta mientras la condici\u00f3n se cumpla. En otras palabras, mientras sigue lloviendo, sigues manteniendo el paraguas abierto y caminando debajo de \u00e9l.<\/p>\n\n\n\nwhile<\/code> no se actualiza adecuadamente, el bucle podr\u00eda ejecutarse infinitamente, lo que podr\u00eda causar problemas en tu programa.<\/p>\n\n\n\nwhile<\/code>. El paraguas representa el bloque de c\u00f3digo que se ejecuta mientras se cumple la condici\u00f3n, y la lluvia es la condici\u00f3n en s\u00ed misma. Asegurarse de actualizar adecuadamente la condici\u00f3n en el bucle while<\/code> es crucial para evitar problemas en tu programa, as\u00ed como asegurarse de cerrar el paraguas cuando la lluvia ha cesado.<\/p>\n\n\n\nwhile<\/code> es la siguiente:<\/p>\n\n\n\nwhile (condici\u00f3n) {\n \/\/ c\u00f3digo a repetir\n}<\/code><\/pre>\n\n\n\nwhile<\/code> repetir\u00e1 el c\u00f3digo dentro de las llaves mientras la condici\u00f3n sea verdadera<\/strong>. Es importante tener en cuenta que si la condici\u00f3n nunca se cumple, el bucle se ejecutar\u00e1 infinitamente, lo que puede hacer que la aplicaci\u00f3n se rompa. Es importante escribir la condici\u00f3n de manera cuidadosa para evitar un mal comportamiento de tu aplicaci\u00f3n.<\/p>\n\n\n\nwhile<\/code>, podemos hacerlo de la siguiente manera:<\/p>\n\n\n\nlet i = 2;\nwhile (i <= 10) {\n console.log(i);\n i += 2;\n}<\/code><\/pre>\n\n\n\nwhile<\/code> ten mucho cuidado con la condici\u00f3n que escojas, aqu\u00ed te dejo un ejemplo de un ciclo que no terminar\u00e1 nunca<\/strong> por haber elegido mal la condici\u00f3n.<\/p>\n\n\n\nlet i = 2;\nwhile (i > 0) {\n console.log(i);\n i += 2;\n}<\/code><\/pre>\n\n\n\n
Si te detienes en la condici\u00f3n la preguntas es mientras i sea mayor a 2 y como cada vuelta se incrementa y como hemos visto siempre es mayor a 2, por est\u00e1 raz\u00f3n nunca terminar\u00e1.<\/p>\n\n\n\nEl bucle do while<\/h2>\n\n\n\n
do while<\/code>. La sintaxis del ciclo do while<\/code> es la siguiente:<\/p>\n\n\n\ndo {\n \/\/ bloque de c\u00f3digo a ejecutar\n} while (condici\u00f3n);<\/code><\/pre>\n\n\n\ndo while<\/code>, el bloque de c\u00f3digo se ejecutar\u00e1 al menos una vez, independientemente de si la condici\u00f3n se cumple o no. Despu\u00e9s de eso, el ciclo seguir\u00e1 ejecut\u00e1ndose mientras se cumpla la condici\u00f3n.<\/p>\n\n\n\ndo while<\/code> se puede utilizar en situaciones similares en las que no se sabe cu\u00e1ntas veces se necesitar\u00e1 ejecutar un bloque de c\u00f3digo antes de que se cumpla una condici\u00f3n espec\u00edfica. El ciclo se ejecuta al menos una vez, independientemente de la condici\u00f3n, y luego sigue ejecut\u00e1ndose mientras se cumpla la condici\u00f3n.<\/p>\n\n\n\ndo while<\/code> para solicitar al usuario que ingrese un n\u00famero del 1 al 10 y seguir solicitando un n\u00famero hasta que el n\u00famero ingresado sea 7:<\/p>\n\n\n\nlet number;\ndo {\n \/\/escojo un n\u00famero aleatorio entre 0 y 10 simulando el ingreso de un usuario\n number = Math.floor(Math.random() * 11);\n console.log(number)\n} while (number != 7);<\/code><\/pre>\n\n\n\nMini Ejercicio<\/h3>\n\n\n\n
El juego consiste en que el usuario debe adivinar un n\u00famero entre 0 y 100
Cada vez que el usuario ingresa un n\u00famero la aplicaci\u00f3n debe indicar<\/p>\n\n\n\n\n
La teoria en video<\/h3>\n\n\n\n