Condicionales / Estructuras de Control

Una condición es una prueba de algo, las condicionales son muy importantes en la programación

Condición if

La condición básica es if, en está se valora si el resultado de la prueba es verdadero, ejecutará lo que se encuentre dentro de los corchetes {}, de lo contrario no realizará proceso alguno.

if(condicion){
//acciones a realizar
}

Ejemplo

var pais = "Francia";
var clima;
var comida;

if(pais === "Inglaterra"){
    clima = "Horrible";
    comida = "grasosa";
}

if(pais === "Francia"){
    clima = "Bueno";
    comida = "vegetariana";
}

if(pais === "Alemania"){
    clima = "Normal";
    comida = "deliciosa";
}

var texto = "En " + pais + ", el clima es " + clima;
texto += " y su comida es " + comida;
/*
Imprime 
En Francia, el clima es Bueno y su comida es vegetariana
*/
console.log(texto);

TIP

Para condicionales simples, es decir, que tan sólo tengan una operación en su interior, no es necesario escribir los corchetes de inicio y final de la sentencia.

if(condicion) //Acción a realizar

Sin embargo se recomienda escribirlos, ya que en procesos de minificado de código, es importante conocer el inicio y final de la sentencia.

if/else

El else es aquel que se ejecuta si la prueba de la condición if resulta ser falsa.

if(condicion){
    //Es verdadero
}else{
    //Es falso...
}

Ejemplo:

var necesitoParaguas;
var pais = "Inglaterra";

if(pais === "Inglaterra"){
    necesitoParaguas = true;
}else{
    necesitoParaguas = false;
}
/*
Imprime 
¿Necesito paraguas en Inglaterra? true
*/
console.log("¿Necesito paraguas en " + pais + "? " + necesitoParaguas);

if/else if

Realiza una operación similar al if/else, pero adicionalmente establece otra condición, también es posible realizar este proceso asignado un nuevo if al interior del ```else````

if(condicion)
{
    //Es verdadero
}
else if(condicion2)
{
    //verdadero
}
else
{
    //Es falso...
}

Ejemplo

var pais = "Alemania";
var clima;
var comida;

if(pais === "Inglaterra")
{
    clima = "Horrible";
    comida = "grasosa";
}
else if(pais === "Francia")
{
    clima = "Bueno";
    comida = "vegetariana";
}
else
{
    //El País por defecto es Alemania...
    clima = "Normal";
    comida = "deliciosa";
}

var texto = "En " + pais + ", el clima es " + clima;
texto += " y su comida es " + comida;
/*
Imprime 
En Alemania, el clima es Normal y su comida es deliciosa
*/
console.log(texto);

switch()

Permite hacer múltiples operaciones dependiendo del estado de una variable. Realiza acciones como lo haría los if anidados.

switch (expresion) {
  case valor1: //Sentencias...
              break;
  case valor2://Sentencias...
              break;  
  case valorN: //Sentencias...
              break;
  default: //Se ejecuta si no cumple ninguno de los casos anteriores....        
}

El switch() está compuesto por una serie de casos (case) lo que evalúan la expresión dada, si alguna de ellas se cumple ejecutará el código que se encuentra dentro de dicho caso, para finalizar el proceso, se establece la sentencia break; que indica que no se continuará ejecutando.

Ejemplo

var pais = "Alemania";
var clima;
var comida;
var existe = true;
switch(pais)
{
    case "Inglaterra": //Ejecuta el código...
            clima = "Horrible"; comida = "grasosa";
            break;
    case "Francia": //Ejecuta el código...
            clima = "Bueno"; comida = "vegetariana";
            break;
    case "Alemania"://Ejecuta el código...
            clima = "Normal"; comida = "deliciosa";
            break;
    default: console.log("No existe el País");
         existe = false;
}
if(existe === true)
{
    var texto = "En " + pais + ", el clima es " + clima;
    texto += " y su comida es " + comida;
    /*
    Imprime 
    En Alemania, el clima es Normal y su comida es deliciosa
    */
    console.log(texto);
}

TIP

• Si no se establece un break; al final de una sentencia del switch() se continuará al siguiente case del mismo.

• El break; también se utiliza cuando se desea terminar un ciclo.

Operador ternario (?)

El operador ternario es un condicional simple que ejecuta una de dos instrucciones posibles dependiendo de la evaluación previa de una condición.

Con este operador es posible simplificar condicionales simples.

condicion ? intruccionVerdadera : intruccionFalsa;

Ejemplo haciendo uso de if/else

var necesitoParaguas;
var pais = "Inglaterra";

if(pais === "Inglaterra"){
    necesitoParaguas = true;
}else{
    necesitoParaguas = false;
}
//Imprime - Necesito paraguas en Inglaterra: true
console.log("Necesito paraguas en " + pais + ": " + necesitoParaguas);

Ejemplo haciendo uso del operador ternario.

var pais = "Inglaterra";
var necesitoParaguas = pais === "Inglaterra" ? true : false
//Imprime - Necesito paraguas en Inglaterra: true
console.log("Necesito paraguas en " + pais + ": " + necesitoParaguas);

Como se evidencia se realiza un ahorro de código importante, ya que no es necesario hacer uso del condicional.

Estructura larga del operador ternario.

Al igual que los if/else es posible anidar operadores ternarios.

var numero = 11;
var numeroLetra   =     numero == 5 ? 'Cinco' :
                          numero == 7 ? 'Siete' :
                          numero == 11 ? 'Once' :
                          numero == 15 ? 'Quince' : 'Otro Número';
//Imprime - El número 11 en letras es: Once
console.log("El número " + numero + " en letras es: " + numeroLetra);