Noticias Raspberry Pi

Operador ternario de JavaScript

En este tutorial, aprenderá a usar el operador ternario en JavaScript.

El operador ternario es un operador condicional increíblemente útil compatible con JavaScript. Con este operador, puede devolver un valor en función de si una condición es verdadera o falsa.

De todos los operadores soportados por JavaScript, el operador ternario es el único que tiene tres parámetros.

Uno de los mejores usos del operador ternario es simplificar su código. Por ejemplo, puede usar un operador ternario para establecer el valor de una variable según la condición. Esto le evita tener que usar una instrucción if…else un poco más complicada.

En las próximas secciones, le mostraremos cómo usar el operador ternario en JavaScript.

Sintaxis del operador ternario de JavaScript

Como se mencionó anteriormente, el operador ternario es ligeramente diferente en el sentido de que trata con tres operandos. Estos operandos son la condición, la expresión «verdadera», luego la expresión «falsa».

Cuando escribe este operador, comienza especificando una declaración condicional, seguida de un signo de interrogación (?).

Luego especifica una expresión para ejecutar si la condición es verdadera, seguida de dos puntos (:).

Finalmente, el operador ternario termina con una expresión que se ejecutará si su condición es falsa.

Si tuviera que replicar el comportamiento del operador ternario con una declaración «if…else», su código se vería como lo que mostramos a continuación.

Puede ver que este operador reduce limpiamente su código de cuatro a una línea de código.

Uso del operador ternario en JavaScript

Ahora que sabemos cómo se escribe el operador ternario en JavaScript, permítanos mostrarle cómo usarlo.

Exploraremos el uso básico de este operador y cómo puede encadenar varios operadores ternarios.

Uso básico del operador ternario

Para este ejemplo, comenzamos declarando una variable llamada «a» y asignándole el valor 25.

Luego declaramos una variable llamada «b». Usaremos el operador ternario para dictar el valor de esta variable usando una condición simple.

Para la condición del operador ternario de JavaScript, usamos el operador menor que (<) para ver si "a" es menor que 30.

Si “a” es menor de 30, a la variable “b” se le asignará el texto “Era menor de 30”. Si “b” es mayor o igual a 30, a la variable “b” se le asignará el texto “Fue mayor a 30”.

El script termina registrando el valor almacenado en nuestra variable «b» en la consola usando la función «console.log()».

Después de ejecutar el código anterior, debería terminar con el siguiente resultado guardado en su consola.

Ejemplo escrito como una sentencia if

Ahora, si tuviera que escribir este mismo ejemplo en JavaScript usando una declaración condicional if en lugar de un operador ternario, se vería como lo que mostramos a continuación.

Aunque ambos lotes de código producen el mismo resultado, puede ver cómo el operador ternario le permite escribir código más claro y conciso.

Encadenamiento de operadores ternarios

En JavaScript, el operador ternario también permite cadenas condicionales donde la condición de la derecha está encadenada a otro operador ternario.

Al encadenar operadores ternarios, está escribiendo efectivamente una cadena condicional «if… else if… else». Pero, por supuesto, debe tener cuidado de que el encadenamiento de operadores ternarios no haga que su código sea menos legible.

A continuación se muestra un ejemplo de cómo puede escribir esto. Hemos dividido cada nueva parte de la cadena condicional en una nueva línea para que sea más fácil de leer. Puede encadenar tantos operadores ternarios como desee.

Ahora que sabe que puede encadenar operadores ternarios en JavaScript, permítanos mostrarle un ejemplo rápido.

Con este ejemplo, creamos una variable llamada «a» y le asignamos el valor 35. Usaremos esta variable en nuestras dos condiciones.

Luego creamos una variable llamada «b», pero JavaScript asignará su valor a través de nuestros operadores ternarios encadenados. El primer operador ternario comprobará si «a» es menor que (<) 30. Si el valor es menor que 30, se asignará el texto "El valor era menor que 30". Si el valor es 30 o mayor, recaerá sobre el segundo operador ternario. Con el segundo operador ternario comprobamos si “a” es menor que 40. Si el valor es menos quese le asignará el texto “Valor fue menor a 40”. Si el valor es mayor a 40, se asignará el texto «Valor fue mayor a 40».

JavaScript asignará el resultado del operador ternario encadenado a nuestra variable «b». Luego registramos la variable «b» en la consola usando la función «console.log()».

Si ejecuta el ejemplo anterior, debería terminar con el siguiente texto en su consola.

El valor era inferior a 40 Ejemplo Escrito como una declaración if

A continuación, puede ver cómo escribiría un operador ternario encadenado si en su lugar utilizara una declaración condicional «if… else if… else».

Al encadenar operadores ternarios, debe tener más cuidado con la forma en que los escribe para evitar que se arruine la legibilidad de su código.

Conclusión

A lo largo de este tutorial, le mostramos cómo usar el operador ternario en JavaScript.

Es el único operador condicional compatible con JavaScript y es útil para establecer un valor en función de si una condición es verdadera o falsa.

Comente a continuación si tiene alguna pregunta sobre el uso de este operador.

También tenemos una variedad de otros tutoriales de JavaScript si desea obtener más información sobre este lenguaje. También tenemos una variedad de otras guías de codificación si desea comenzar a aprender un nuevo idioma.

Actualizaciones semanales directamente a su bandeja de entrada

¡Reciba nuestros proyectos de Raspberry Pi, tutoriales de codificación, guías de Linux y más!

Suscribir

También puede gustarte...