Estructura "else if" y "else" en JavaScript

Estructura else if y else

Cundo necesitamos hacer múltiples comprobaciones de una determinada condición, es cunado empleamos la estructura else if y else.

La mayoría de los lenguajes de programación modernos tienen las estructuras if / else if / else, pero difieren en cómo se usan esas construcciones, sobre todo la forma en la que se escribe la sentencia else if.

Algunos lenguajes definen esta estructura como elsif, en una sola palabra (y mal escrito). Otros lo definen como elseif en una sola palabra, pero escritas correctamente.

Recordar estas diferentes construcciones es un reto, además las diferentes formas de colocar las llaves.

En la programación de JavaScript que utiliza else if dos palabras, tanto escritas correctamente.

Usando else if y else, puede crear varios niveles de condiciones, cada uno de los cuales se pone a prueba a su vez.

Primero se ejecuta el código dentro de la primera condición, si no coincide el código dentro de la primera condición, se procede con el contenido que se encuentra dentro de la sentencia else if.

Veamos un ejemplo:

<!doctype html>
<html>
    <head>
        <title>Else If</title>
    </head>
    <body>
        <script type="text/javascript">
        var inputNum = prompt("Escriba un número entre 50 y 100:");
        if (isNaN(inputNum)) {
            alert(inputNum + "No es un número");
        }
        else if ((inputNum > 99) || (inputNum < 51)) {
            alert("El número" + inputNum + ", no se encuentra dentro del rango.");
        }
        else {
            alert("Usted escribio el número: " + inputNum);
        }
        </script>
    </body>
</html>

Otro ejemplo, valiéndonos de la función match() y expresiones regulares, sería:

<!doctype html>
<html>
    <head>
        <title>A Multi-Level Example</title>
    </head>
    <body>
        <script type="text/javascript">
        var inputNum = prompt("Escriba un número entre 50 y 100:");
        if(isNaN(inputNum)){
            if(inputNum.match(/one|uno|two|dos|three|tres|four|cuatro|five|cinco|six|seis|seven|siete|eight|ocho|nine|nueve|ten|diez/)){
                alert("Aunque esto es un número, no es lo que estaba esperando");
            }else{
                alert(inputNum + " no parece ser un número");
            }
        }else if((inputNum > 99) || (inputNum < 51)){
            alert("El número " + inputNum + ", no se encuentra en el rango especificado");
        }
        </script>
    </body>
</html>

Le expliqué el código.
Esa declaración fue:

if(inputNum.match(/one|uno|two|dos|three|tres|four|cuatro|five|cinco|six|seis|seven|siete|eight|ocho|nine|nueve|ten|diez/)){

La expresión regular se utiliza con el partido de la variable InputNum. La función match() acepta una expresión regular como argumento. En este caso, el argumento es el siguiente :

/one|uno|two|dos|three|tres|four|cuatro|five|cinco|six|seis|seven|siete|eight|ocho|nine|nueve|ten|diez/

La expresión se delineó con dos barras inclinadas (/), uno en cada extremo (como caracteres de comillas delimitan una cadena ).
Después de eso , la expresión regular busca una de las cadenas de one, uno, two, dos, three, tres, ...
El carácter de barra vertical (|) entre cada cadena indica un OR lógico, lo que significa que esta expresión regular coincidirá con cualquiera de esas cadenas , pero no más de uno.

Curiosamente , aunque esta expresión regular es muy simple, es también muy deficiente.

Pero bien, la expresión regular no es el tema de este capítulo, pero observe la manera en la que fue declarada la estructura else if.