TypeScript / Operador condicional

Bienvenidos sean a este post, hoy veremos una version resumida de los condicionales.

Este operador es una equivalencia al condicional y se utiliza para operaciones basicas de este estilo, veamos primero su sintaxis:

condicion ? respuesta_valida : respuesta_invalida

Primero siempre ira la condicion que evaluaremos, el bloque de if, seguido de un signo de interrogacion, equivale al then donde si se cumple la condicion devolveremos una respuesta que podemos considerar «valida», luego tenemos los dos puntos que equivale al else, por lo tanto sino se cumple esta condicion devolveremos esta respuesta que podemos considerar como «invalida», para entender el concepto vamos a tomar el codigo que vimos en el post anterior y haremos una pequeña modificacion, veamos el nuevo codigo:

let arr = ["uno",null,"tres"];
function chequeo(arr: string | null)
{
        const msj = arr === null ?
                "Este elemento es nulo" :
                "Elemento valido: " + arr;
        console.log(msj);
}
for (let i=0; i < arr.length; i++)
{
        chequeo(arr[i]);
}

Repasemos un poco el codigo, primero definimos un array con tres valores de los cuales uno es nulo o null. Tambien tenemos un bucle donde pasaremos por todos los elementos del array y aqui aplicaremos la funcion chequeo en cada elemento, veamos como es esta funcion.

Esta recibe un argumento con dos posibles tipos, string o null, en el post anterior teniamos un condicional if donde evaluaba si era null y nos mostraba un mensaje de lo contrario nos mostraba otro, en este caso lo reemplazamos por una constante llamada msj y aqui aplicaremos el operador. primero pasaremos la condicion donde evaluamos si el valor recibido es igual a null, en caso de ser verdadero le asignaremos un mensaje de tipo invalido a la constante, de lo contrario le aplicaremos el mensaje de valido y su valor a la constante, por ultimo mostraremos el mensaje que hayamos asignado a la constante, con todo esto comentado compilemos y veamos como es su salida:

$ node tipis.js
Elemento valido: uno
Este elemento es nulo
Elemento valido: tres
$

Como podemos ver obtenemos el mismo resultado que el codigo anterior pero en este caso con el nuevo operador, como pueden ver es una opcion muy simple para cuando necesitamos determinar un valor para una variable donde sabemos que no tomara mas de esos dos valores, para situaciones mas complejas es mas recomendable usar a if pero es bueno saber que disponemos de esta opcion.

En resumen, hoy hemos visto al operador condicional, que es, para que sirve, como se utiliza, como nos ayuda a interactuar con los tipos y otros detalles mas, espero les haya resultado de utilidad sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.