¿Qué son las estructuras de control?
En este recurso no se profundizará sobre lo conceptual de las estructuras de control, el foco estará en su utilización en Javascript. De todas formas, si necesitas repasar sobre este tema haz clic aquí.
A continuación, se presentan diferentes variantes de estructuras de control en Javascrip donde se detalla su sintaxis y se explica la lógica operativa con ejemplos sencillos.
Se recomienda practicar, es la forma de aprender a programar, puedes partir de los ejemplos y luego probar diferentes opciones.
Estructura selectiva if else
Es una estructura de control de tipo selectiva o condicional, esto implica que se evalúe una expresión que puede ser verdadera o falsa, a esta expresión se la conoce como condición o expresión lógica.
La estructura básica tiene la siguiente forma:
if (condición)
{
sentencias o instrucciones a ejecutar si se cumple condición
}
Lo que sucede con la siguiente estructura es que sí no se cumple la condición establecida, el programa no presenta ninguna salida. En ocasiones puede ser útil, pero la mayor parte de las veces se utiliza la extensión de la estructura que establece acciones para cuando la condición evaluada sea falsa.
if (condición){
sentencias o instrucciones a ejecutar si se cumple condición
} else {
sentencias o instrucciones a ejecutar si no se cumple condición
}
Su utilización no se limita a la expresión if... else, se puede crear estructuras con muchos if dentro de otros if, a esta forma se la conoce como if anidados.
Sería algo así:
if (condición 1 ){
sentencias o instrucciones a ejecutar si se cumple condición 1
} else if (condición 2) {
sentencias o instrucciones a ejecutar si se cumple condición 2
} else {
sentencias o instrucciones a ejecutar si no se cumplen las condiciones anteriores
}
Para explicar mejor esto y repasar los elementos mencionados anteriormente, se deja una imagen interactiva con la representación de una estructura de control if... else if ... else...
Estructura selectiva switch
Esta estructura de selección es muy utilizada para los casos en que nos interese brindar varias opciones, un ejmeplo clásico es para programar un menú de opciones.
Basicamente se establece una variable de entrada y en función del valor que toma dicha variable se ejecuta una o varias sentencias. También se define un valor por defecto para el caso que no se ingrese una opción válida.
A continuación un ejemplo:
Ahora veamos la ejección del mismo ejemplo de la imagen:
Estructura repetitiva for
Los ciclos for son estructuras iterativas o repetitivas, existen algunas variantes en su declaración, pero en esencia son ciclos que permiten que se ejecuten las sentencias declaradas en su interior un número finito de veces.
Su estructura básica es la siguiente:
for (Partida o inicio; condición de finalización; incremento o decremento) {sentencia o sentencias a ejecutar en cada iteración}
Vale la pena aclarar que existen variantes del for como el for/each o el for/in, en este recurso introductorio no serán abordadas ya que para ello resulta necesario conocer estructuras de datos como arreglos también conocidos como vectores.
En la imagen interactiva se muestra un detalle de cada elemento de la estructura for.A continuación se muestra un gif con la ejecución del ciclo for con algunas variantes:
Estructura repetitiva while
Es una estructura muy utilizada, su traducción al español es "mientras", ya que mientras se valide determinada condición se ejecutarán una o más sentencias declaradas dentro de las llaves que delimitan la estructura.
Su forma básica es: mientras (condición) { Sentencia o sentencias a ejecutar}
La imagen interactiva muestra los elementos que conforman un caso de ejemplo de la estructura while.
A continuación se presenta un gif que complementa la explicación con la ejecución del código fuente.
Estructura repetitiva do while
La estructura de control do while es similar a la estructura while, la diferencia radica en la primera iteración, mientras que el while antes de ejecutar las sentencias definidas en su interior debe validar una condición, el do while realiza siempre la primera iteración, luego de evalúa la condición y en caso de ser falsa saldrá de la iteración.
Su forma es la siguiente: do {Sentencia o sentencias a ejecutar} while (condición)
Vemos la siguiente imagen para detallar su funcionamiento.
En la imagen interactiva se puede visualizar la lógica de esta estructura.