Condicionales

Poder tomar una decisión.

Se utiliza para ejecutar o no ejecutar un bloque instrucciones. Según se cumpla o no cierta condición.

Condicional if

El else es opcional y se pone al final.

Se ejecuta las instrucciones si se cumpla la condición.

    if (condición) {
        bloque de 
        instrucciones.
    }

Ejecutar unas instrucciones u otras según se cumpla o no la condición.

    if (condición) {
        instrucciones (true)
    } else {
        instrucciones (false)
    }

Si encadenados: Se evaluan varias condiciones y se ejecuta el bloque de instrucciones de la primera condición que se cumpla (true)

    if (condición1) {
        instrucciones1
    } else if (condición2) {
        instrucciones2
    } else if (condición3) {
        instrucciones3
    } else {
        instrucciones restantes
    }

Ejemplos

    var nombre = prompt('Dime tu nombre');
    if (nombre == 'Pepe') {
        alert("Te llamas José");
    }


    var ciudad = prompt('¿Dónde vives?');
    if (ciudad == 'Sabadell') {
        alert("Mala pell");
    } else {
        alert("Peor para ti");
    }


    var estacion = prompt('¿Qué estación es?');
    if (estacion == 'primavera') {
        alert("La sangre altera");
    } else if (estacion == 'verano') {
        alert("Viaja con tu hermano");
    } else if (estacion == 'otoño') {
        alert("Te recoges el moño");
    } else if (estacion == 'invierno') {
        alert("Vete con tu yerno");
    } else {
        alert("No es una estación del año")
    }

Ejercicio.

Crear la página "if.html" con 3 botones. Cada botón ejecutará uno de los ejemplos. Hay que usar el onclick de los botones y cada ejemplo tiene que estar dentro de una función.

Condicional switch

Se usa en sustitución de un tipo de if encadenados. Concretamente cuando todas las condiciones tratan de comparar la misma variable con distintos valores.

switch (variable) {
    case valor1: 
        instrucciones1;
        break;
    case valor2:
        instrucciones2;
        break;
    case valor3:
        instrucciones3;
        break;
    default:
        instrucciones restantes;
}

Ejemplos

    var estacion = prompt('¿Qué estación es?');
    switch (estacion) {
        case 'primavera':
            alert("La sangre altera");
            break;
        case 'verano':
            alert("Viaja con tu hermano");
            break;
        case 'otoño':
            alert("Te recoges el moño");
            break;
        case 'invierno':
            alert("Vete con tu yerno");
            break;
        default:
            alert("No es una estación del año");
    }


    var numero = prompt('Introduce el número 
        de día de la semana [1-7]');
    numero = parseInt(numero);
    switch (numero) {
        case 1:
        case 2:
        case 3:
        case 4:
        case 5:
            alert('Día laborable');
            break;
        case 6:
        case 7:
            alert('Fin de semana');
            break;
        default:
            alert('Número incorrecto');
    }

Ejercicio

Crear la página "switch.html" con 3 botones que ejecuten los 2 ejemplos más un ejemplo de cosecha propia.

Proinf.net