Javascript Parte 4 – Estructuras de control

Published by: 0

Realiza los 3 ejercicios después de leer los ejemplos.

Estructuras de control de flujo

son instrucciones del tipo «si se cumple esta condición, hazlo; si no se cumple, haz esto otro». También existen instrucciones del tipo «repite esto mientras se cumpla esta condición».

 

Estructura if

Se emplea para tomar decisiones en función de una condición. Su definición formal es:

if(condicion) {
  ...
}

En el ejemplo anterior, el mensaje sí que se muestra al usuario ya que la variable mostrarMensaje tiene un valor de true y por tanto, el programa entra dentro del bloque de instrucciones del if. EJEMPLO 1
var mostrarMensaje = true;
 
if(mostrarMensaje == true) {
  alert("Hola Mundo");
}
EJEMPLO 2

var mostrado = false;
 
if(!mostrado) {
  alert("Es la primera vez que se muestra el mensaje");
}

Ejercicio 

Completar las condiciones de los if del siguiente script para que los mensajes de los alert() se muestren siempre de forma correcta:

var numero1 = 6;
var numero2 = 10;
 
if(...) {
  alert("numero1 no es mayor que numero2");
}
if(...) {
  alert("numero2 es positivo");
}
if(...) {
  alert("numero1 es negativo o distinto de cero");
}
if(...) {
  alert("Incrementar en 1 unidad el valor de numero1 no lo hace mayor o igual que numero2");
}
 

Estructura if…else

En ocasiones, las decisiones que se deben realizar no son del tipo «si se cumple la condición, hazlo; si no se cumple, no hagas nada». Normalmente las condiciones suelen ser del tipo «si se cumple esta condición, hazlo; si no se cumple, haz esto otro».

 

if(condicion) {
  ...
}
else {
  ...
}

EJEMPLO
var edad = 18;
 
if(edad >= 18) {
  alert("Eres mayor de edad");
}
else {
  alert("Todavía eres menor de edad");
}

SE PUEDE ENCADENAR:
if(edad < 12) {
  alert("Todavía eres muy pequeño");
}
else if(edad < 19) {
  alert("Eres un adolescente");
}
else if(edad < 35) {
  alert("Aun sigues siendo joven");
}
else {
  alert("Piensa en cuidarte un poco más");
}


Estructura for

as estructuras if y if...else no son muy eficientes cuando se desea ejecutar de forma repetitiva una instrucción. Por ejemplo, si se quiere mostrar un mensaje cinco veces, se podría pensar en utilizar el siguiente if:

var veces = 0;
 
if(veces < 4) {
  alert("Mensaje");
  veces++;
}

La estructura for permite realizar este tipo de repeticiones (también llamadas bucles) de una forma muy sencilla. No obstante, su definición formal no es tan sencilla como la de if():

for(inicializacion; condicion; actualizacion) {
  ...
}

EJEMPLO

var mensaje = "Hola, estoy dentro de un bucle";
 
for(var i = 0; i < 5; i++) {
  alert(mensaje);
}

var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"];
 
for(var i=0; i<7; i++) {
  alert(dias[i]);
}

Ejercicio

El factorial de un número entero n es una operación matemática que consiste en multiplicar todos los factores n x (n-1) x (n-2) x ... x 1. Así, el factorial de 5(escrito como 5!) es igual a: 5! = 5 x 4 x 3 x 2 x 1 = 120

Utilizando la estructura for, crear un script que calcule el factorial de un número entero.

 

Ejercicio

Crea un script en el que se muestre los números del 1 al 1000 de la siguiente forma:

 

Este es el número 1, aún nos quedan 999

Este es el número 2, aún nos queda 998

..

..

Este es el número 1000, aún nos quedan 0