Control de Flujo (if...else)
¡Hola HaWker! Jeff Bruchado por aquí.
Este es un artículo más de nuestra serie de artículos que va a cubrir nuestro viaje para Aprender Programación desde Cero.
Hoy será un artículo sobre un contenido extremadamente importante para proseguir con tu aprendizaje.
Entonces, ¡por favor! Si no tienes dominio sobre lo que voy a hablar hoy, ¡lee hasta el final!
Bueno, sin más preámbulos, ¡vamos a comenzar!
Hoy, vamos a hablar sobre uno de los temas más importantes en la Programación:
Control de Flujo (Control Flow).
Antes de todo, vamos a entender por qué es importante entender los controles de flujo.
Vamos a suponer que estás trabajando en un sistema, y dentro de ese sistema existe una funcionalidad que muestra un mensaje que informa si el usuario es mayor de edad, o menor de edad, ese mensaje se muestra basándose en la fecha de nacimiento del usuario calculando su edad comparando con el día actual.
¿Estás de acuerdo conmigo en que ese código necesita tener algún mecanismo que muestra un mensaje u otro, verdad?
Y con eso, tenemos el Control de Flujo en la Programación para resolver ese problema.
Para conceptualizar, el Control de Flujo es una forma de controlar el flujo de ejecución de tu código.
O sea, determinar qué líneas de código deben ser ejecutadas en
determinadas situaciones.
Eso se hace a través de estructuras de control de flujo, como:
- if
- if...else
- switch
- if...else if
A continuación vamos a entender cada uno de ellos detalladamente:
if
El if es usado para ejecutar una acción cuando una determinada condición es verdadera.
Por ejemplo:
const age = 17;
if (age < 18) {
console.log('Eres menor de edad');
}En este ejemplo, el mensaje "Eres menor de edad" solo será mostrado en la consola si la variable age es menor que 18.
En ese caso, age es la representación en código de lo que entendemos por edad.
A continuación vamos a la práctica para solidificar ese conocimiento que acabas de estudiar.
Ejercicio Práctico
- Crea un script que pida al usuario digitar tres números enteros. Luego, determina cuál número es el mayor e imprímelo en la pantalla.
¡Por favor! Al final de este artículo, responde este email con el código y la respuesta de cada ejercicio práctico.
Esto para yo saber si esta dinámica es valiosa para ti. Y si estos contenidos están siendo útiles para tu viaje.
if...else
El if...else es usado para ejecutar una acción cuando una determinada condición es verdadera y otra acción cuando la condición es falsa.
Por ejemplo:
const age = 19;
if (age < 18) {
console.log('Eres menor de edad');
} else {
console.log('Eres mayor de edad');
}En este ejemplo, el mensaje "Eres menor de edad" será mostrado en la consola si la variable age es menor que 18, y el mensaje "Eres mayor de edad" será mostrado si la variable age es igual o mayor que 18.
Bueno, pasado el concepto, vamos a la práctica para solidificar ese conocimiento que acabas de estudiar.
Ejercicio Práctico
- Crea un script que pida al usuario digitar una edad. Luego, verifica si la edad es mayor o igual a 18 e imprime "mayor de edad" en la pantalla, caso contrario, imprime "menor de edad".
Para este ejercicio se aplican las mismas instrucciones que el ejercicio anterior.
switch
El switch es usado para verificar si una variable corresponde a uno de los valores especificados y, si corresponde, ejecutar una acción.
Por ejemplo:
const day = 'Tuesday';
switch (day) {
case 'Monday':
console.log('Hoy es lunes');
break;
case 'Tuesday':
console.log('Hoy es martes');
break;
case 'Wednesday':
console.log('Hoy es miércoles');
break;
// etc.
}En este ejemplo, el mensaje "Hoy es lunes" será mostrado en la consola si la variable day es igual a "Monday", el mensaje "Hoy es martes" será mostrado si la variable day es igual a "Tuesday", y así sucesivamente.
Bueno, pasado el concepto, vamos a la práctica para solidificar ese conocimiento que acabas de estudiar.
Ejercicio Práctico
- Crea un script que pida al usuario digitar una letra. Luego, verifica si la letra es "a", "e", "i", "o" o "u" e imprime "vocal" en la pantalla, caso contrario, imprime "consonante".
Para este ejercicio se aplican las mismas instrucciones de los demás ejercicios.
if...else if
El if...else if es una extensión de la estructura if...else que permite verificar múltiples condiciones.
Es usada cuando quieres ejecutar una acción diferente dependiendo de cuál condición es verdadera.
Por ejemplo:
const score = 70;
if (score < 60) {
console.log('Reprobado');
} else if (score < 80) {
console.log('Recuperación');
} else {
console.log('Aprobado');
}En este ejemplo, si la variable score es menor que 60, el mensaje "Reprobado" será mostrado en la consola. Si la variable score es mayor o igual a 60 y menor que 80, el mensaje "Recuperación" será mostrado.
Si la variable score es igual o mayor que 80, el mensaje "Aprobado" será mostrado.
Es importante notar que la estructura if...else if funciona de la siguiente manera: el código verifica la primera condición (en el ejemplo arriba, score < 60), y si es verdadera, la acción correspondiente es ejecutada y el código para ahí.
Si la primera condición es falsa, el código pasa a la próxima condición (score < 80) y verifica si es verdadera. Si lo es, la acción correspondiente es ejecutada y el código para ahí.
Si ninguna de las condiciones anteriores es verdadera, el código entra en el bloque else y ejecuta la acción ahí definida.
PS: Yo particularmente raramente uso esta condición, pero es importante tener en tu repertorio también esta posibilidad!
Bueno, pasado el concepto, vamos a la práctica para solidificar ese conocimiento que acabas de estudiar.
Ejercicio Práctico
- Crea un script que pida al usuario digitar una nota de 0 a 10.
Luego, verifica si la nota es mayor o igual a 9 y menor o igual a 10, imprime "A" en la pantalla;
si la nota es mayor o igual a 7 y menor que 9, imprime "B" en la pantalla;
si la nota es mayor o igual a 5 y menor que 7, imprime "C" en la pantalla;
si la nota es mayor o igual a 3 y menor que 5, imprime "D" en la pantalla; caso contrario (else), imprime "E" en la pantalla.
Para este ejercicio se aplican las mismas instrucciones de los demás ejercicios.
Conclusión
En resumen, en este instante tienes disponible en tu repertorio diferentes formas de controlar el flujo de tu código, puedes usar el if, if...else, if...else if o hasta el switch.
Como puedes percibir el switch y el if...else if son muy parecidos, y puedes usar uno u otro dependiendo de la situación.
Cuando entro en un dilema de cuál utilizar, yo siempre utilizo la siguiente regla:
Si es una condición compleja con múltiples opciones de retorno, utilizo el if...else if.
En caso de ser una condición simple, pero con múltiples retornos, dependiendo del valor de una variable, entonces utilizo el switch.
Pues bien HaWker, llegamos al fin de un artículo más.
Espero que este artículo haya agregado en tu repertorio de conocimiento sobre Programación.
Como siempre, si tienes cualquier duda o quieres explorar más algún punto, simplemente responde con tu duda, en este email.
¡Y recuerda, estoy aquí para ayudarte a mejorar 1% con cada nuevo artículo!
Si llegaste hasta aquí, como de costumbre, por favor, responde este email con "Conseguí controlar el flujo en los ejercicios".
De esta forma voy a saber que esta serie de artículos está siendo útil para ti, y que estás acompañando y aprovechando.
¡Como ya sabes! Solamente un verdadero HaWker llega hasta el final.
¡Felicitaciones!
Estoy feliz de tenerte aquí.
Te veo pronto.
¡Vamos a por ello! 🦅
- Jeff Bruchado
¡Felicitaciones por llegar hasta aquí, HaWker! 🎉
En este momento que aprendiste sobre las estructuras de control de flujo en la programación, ¿qué tal testear tus conocimientos? Participa del quiz abajo y ve cuánto absorbiste de nuestro artículo.
Es una excelente manera de fijar el aprendizaje y prepararte para los próximos pasos en tu viaje de programación.
Presiona para acceder al quiz.
¡Buena suerte y diviértete!