Operador condicional ternario (? :) en JavaScript

Operador condicional ternario (? :)

Otro estilo para construir condicionales se denomina condicional ternario.

Este tipo de condicional utiliza el signo de interrogación (?).

Para crear un compacto if / else.

La estructura básica de una expresión ternario es muy sencilla:

(nombre == "Raul") ? "Hola Raul" : "Hola quien quiera que seas";

Esta declaración podría decir lo siguiente:

"Si el nombre es Raul, a continuación," Hola Raul, "si no" Hola quien quiera que seas."

Es posible utilizar una expresión ternaria en una declaración como la siguiente:

<!doctype html>
<html>
    <head>
        <title>Condiciona ternario</title>
    </head>
    <body>
        <script type="text/javascript">
            var saludo = (nombre == "Raul") ? "Hola Raul" : "Hola quien quiera que seas";
            alert(saludo);
        </script>
    </body>
</html>

Este código establece en la variable saludo el valor del resultado de la prueba ternaria. Si el valor de la variable es "Raul", la variable saludo obtiene el valor de la cadena "Hola Raul", de lo contrario, la variable saludo obtiene el valor de la cadena "Hola quien quiera que seas."
Aquí está el mismo código en el tradicional if / else:

<!doctype html>
<html>
    <head>
        <title>Condicional normal</title>
    </head>
    <body>
        <script type="text/javascript">
            if (nombre == "Raul") {
                var saludo = "Hola Raul";
                }
                else {
                var saludo = "Hola quien quiera que seas";
                }
            alert(saludo);
        </script>
    </body>
</html>

Veamos un ejemplo de un código mas dinámico, y sirve que repasamos lo viso en la lección Objeto Date en JavaScript.

<!doctype html>
<html>
    <head>
        <title>Condicional normal</title>
    </head>
    <body>
        <script type="text/javascript">
            var presente = new Date();
            var saludo =((presente.getHours() > 17) ? "Buenas tardes" : "Buenos Días");
            alert(saludo);
        </script>
    </body>
</html>

En este script:

primero alojamos los datos del objeto date en la variable "presente".
Después alojamos en la variable "saludo" el resultado de la operación ternaria.
La operación ternaria obtiene "Buenas tardes", si pasan de las 6 p.m. o "Buenos días" si no.
Finalmente invocamos una alerta para mostrar el resultado

Este código sería así en el tradicional if...else

<!doctype html>
<html>
    <head>
        <title>Condicional normal</title>
    </head>
    <body>
        <script type="text/javascript">
            var presente = new Date();
            if (presente.getHours() > 17){ 
               alert("Buenos Tardes");
            }else{ 
               alert("Buenos Dias");
            }
        </script>
    </body>
</html>

Pues hasta aquí con el tutorial del día de hoy, recuerde que cualquier comentario o duda, nos la puede hacer saber mediante los comentarios.