1 of 16

Slide Notes

Las estructuras de control de flujo permiten que los programas no solamente sean un conjunto de instrucciones que se ejecutarán de una a una, sino que también puedan tomar decisiones de acuerdo a los valores que tienen las variables.

Dichas instrucciones son del tipo "si se cumple esta condición, haz esto; si no se cumple, haz esto otro" conocidas en programación como condiciones if - else. También existen instrucciones del tipo "repite esto mientras se cumple esta condición", conocidas como ciclos.
DownloadGo Live

5 - Ciclos y condicionales

No Description

PRESENTATION OUTLINE

Ciclos y Condicionales

Las estructuras de control de flujo permiten que los programas no solamente sean un conjunto de instrucciones que se ejecutarán de una a una, sino que también puedan tomar decisiones de acuerdo a los valores que tienen las variables.

Dichas instrucciones son del tipo "si se cumple esta condición, haz esto; si no se cumple, haz esto otro" conocidas en programación como condiciones if - else. También existen instrucciones del tipo "repite esto mientras se cumple esta condición", conocidas como ciclos.

Sintaxis While

Sirve para ejecutar un conjunto de instrucciones un determinado número de veces, "mientras se cumple cierta condición":

Ejemplo

Escribe el código anterior en un archivo .js e incluýelo en el archivo HTML que ya se creó en sesiones anteriores, comprueba lo que se imprime en la consola de tu navegador preferido, ¿qué resultado ves?, ¿qué fué lo que hizo código?

Ejercicio

  • En un archivo countdown.js
  • Escribir un ciclo que imprima en la consola todos los números del 10 al 1 en orden descendente
  • Pista: Empezar con la siguiente instrucción:
  • var num = 10;

Sintaxis FOR

Sirve para ejecutar un conjunto de instrucciones un determinado número de veces, "mientras se cumple cierta condición", es también conocido como ciclo automático:

Ejemplo

Escribe el código anterior en un archivo .js e incluýelo en el archivo HTML que ya se creó en sesiones anteriores, comprueba lo que se imprime en la consola de tu navegador preferido, ¿qué resultado ves?, ¿qué fué lo que hizo código?

Ejercicio

  • Escribir un ciclo FOR que imprima en la consola todos los números del 10 al 1 en orden descendente

Untitled Slide

En el Parque Nacional "Death Valley", un grupo de ambientalistas ha comenzado un proyecto con el que aunmentará la población de borregos cimarrones. Cada mes, la población se multiplicará por 4!!. Para estar al tanto de este crecimiento, los científicos quieren saber cuantos borregos habrá en el parque. En un archivo "deathvalley.js", usa las tres variables existentes para construir un ciclo WHILE que imprima un mensaje cada mes durante un año como lo que se muestra a continuación:

Untitled Slide

Ejemplo de resultado esperado,

Inicia tu código con las variables mostradas:

Sintaxis IF

Ésta es una de las estructuras más utilizadas y se emplea para tomar decisiones en función de los valores de nuestras variables: Si la condición se cumple (es decir, si el resultado que se obtiene de la condición es true) se ejecutan las instrucciones dentro de {...}. Si la condición no se cumple (el resultado es false), el programa continúa y en caso de que exista un else, ejecuta lo que hay dentro de éste.

Ejemplo

Escribe el código anterior en un archivo .js e incluýelo en el archivo HTML que ya se creó en sesiones anteriores. Antes de comprobar el resultado reflexiona lo siguiente: ¿qué resultado crees que se imprimirá en la consola?. Comprueba el resultado, puedes cambiar ahora los valores de tus variables value1 y value2, ¿cómo le harías que te muestre el otro mensaje?

Ejercicio

Usa una condición para imprimir un mensaje en la consola, dependiendo del valor de la variable (parkIsOpen).
"Welcome to the Badlands National Park! Try to enjoy your stay."

ó

"Sorry, the Badlands are particularly bad today. We're closed!"

Pista: Empieza con la siguiente instrucción: var parkIsOpen = true;

Reflexión: cambia el valor de la variable (parkIsOpen) para que compruebes que te muestre uno u otro mensaje!

Back at Death Valley, scientists could see that the Sheep Situation would quickly get out of control. They have decided that, for any month the population climbs above 10000, half of the sheep will be sent away to other regions.

Con el código que creaste en el reto anterior los científicos pueden ver cuando la población de borregos de sale de control. Ellos han decidido que en cualquier mes en que la población sobrepase los 10000 borregos, enviarán a la mitad de ellos a otras regiones. Dentro del ciclo agrega una condición que:

Remueva la mitad de borregos si el número de estos es mayor que 10000.
Imprima en la consola el número de borregos que fueron removidos. Ejemplo: Removiendo [number] borregos de la población.

Inside our for loop, insert an if statement that:

  • Removes half of the sheep population if the number of sheep rises above 10000.
  • Prints the number of sheep being removed to the console in the following format: Removing sheep from the population.

Reto

Pista: El código del primer reto debió quedar así: