El operador condicional (conocido como ternario) es una excelente opción que nos permite ahorrar código y compactar nuestra sintaxis en situaciones que necesitamos abreviar un if/else.

Como docente me ha ocurrido que públicos de diferentes niveles no conocen esta opción y cuando descubren su potencial comienzan a utilizarla a diario.

En este artículo analizaremos su estructura y veremos como usarlo con ejemplo de código.

Sintaxis y ejemplos

Para comenzar a utilizar una característica de un lenguaje debemos conocer su sintaxis. Entonces la primera pregunta que debemos responder ¿Cómo es la sintaxis básica del operador condicional tenario en JavaScript?

condición a evaluar ? Si es TRUE (similar al IF) : Si es FALSE (como el comportamiento del ELSE)

Y la siguiente pregunta será ¿podemos ver un ejemplo en la práctica?

const mensaje = (campo_password.length >= 8) ? "La contraseña tiene un longitud válida" : "Error. La contraseña debe tener al menos 8 caracteres";
console.log(mensaje); // Mostramos el resultado

Para tener en cuenta, y ver las líneas que ahorramos con el operador ternario condicional, si lo armáramos el ejemplo anterior con if/else la estructura podría quedar como la siguiente:

if (campo_password.length >= 8){ 
	console.log("La contraseña tiene un longitud válida");
}
else{ 
  console.log("Error. La contraseña debe tener al menos 8 caracteres");
}

Es importante destacar que este operador puede encadenarse, luego de los : , para tener secuencias de evaluación más largas.

Palabras finales

Dominar las características de un lenguaje nos permite tener mayor flexibilidad a la hora de escribir código. También nos permite resolver situaciones en menos líneas. Y sin dudas el operador condicional ternario es una herramienta que nos lleva en ese sentido.

Ya que es una característica que está disponible desde hace años en el estándar ECMAScript, el operador condicional ternario cuenta con una buena compatibilidad en los navegadores modernos. También es importante señalar que ha tenido revisiones en ECMAScript 5.1 (2011) y en ECMAScript 6 (2015).

Si te interesa saber más sobre JavaScript dejame un comentario o escribime un mensaje.