...
...
Condicionales en JavaScript (Parte 2)

Condicionales en JavaScript (Parte 2)

En esta segunda parte del artículo, aprenderemos sobre los condicionales en JavaScript Switch, operador ternario y cortocircuito en sentencias condicional.

6 0 0 10

hymsoft
@hymsoft

La sentencia switch en JavaScript

 

Sintaxis de la sentencia switch en JavaScript

 

La sintaxis de la sentencia switch en JavaScript es la siguiente:

 

 

La expresión se evalúa y se compara con cada uno de los valores (valor1, valor2, etc.) utilizando el operador de igualdad (==). Si se encuentra una coincidencia, se ejecuta el código correspondiente y se utiliza la sentencia break para salir de la estructura switch. Si ningún caso coincide con la expresión, se ejecuta el código del bloque default (si se ha especificado).

 

"Ejemplos de uso de la sentencia switch en JavaScript"

 

Aquí hay algunos ejemplos de cómo podríamos utilizar la sentencia switch en JavaScript:

 

  • Mostrar un mensaje de bienvenida dependiendo del día de la semana:

switch (dayOfWeek) {
  case "lunes":
    console.log("¡Buenos días! ¡Espero que tengas un gran comienzo de semana.");
    break;
  case "martes":
  case "miércoles":
  case "jueves":
    console.log("¡Hola! ¡Espero que estés teniendo una buena semana hasta ahora.");
    break;
  case "viernes":
    console.log("¡Ya es viernes! ¡Espero que tengas un fin de semana genial.");
    break;
  case "sábado":
  case "domingo":
    console.log("¡Buen fin de semana! ¿Qué planes tienes?");
    break;
  default:
    console.log("No reconozco ese día de la semana.");
    break;
}

 

  • Mostrar un mensaje de error si el usuario ha introducido una opción de menú incorrecta:

switch (menuOption) {
  case 1:
    // hacer algo
    break;
  case 2:
    // hacer algo diferente
    break;
  // ...
  default:
    console.log("Opción de menú no válida. Por favor, elige una opción del 1 al 5.");
    break;
}

 

Ventajas y desventajas de usar la sentencia switch en lugar de la sentencia if

 

La sentencia switch puede ser más legible y fácil de mantener que una serie de sentencias if anidadas. Además, en algunos casos puede ser más rápida, ya que la expresión se evalúa una sola vez y luego se compara con cada uno de los valores utilizando el operador de igualdad (==), en lugar de evaluar una expresión diferente en cada sentencia if. Sin embargo, también hay algunas desventajas en el uso de la sentencia switch. En primer lugar, solo se puede utilizar para comparar valores de tipos de datos primitivos (números, cadenas de caracteres y booleanos). No se pueden utilizar para comparar objetos u otro tipo de valores. En estos casos, tendríamos que utilizar sentencias if. Además, la sentencia switch no siempre es tan flexible como la sentencia if. Por ejemplo, no podemos utilizar operadores lógicos como && o || para combinar múltiples condiciones en un solo caso. En estos casos, tendríamos que utilizar sentencias if anidadas o una sentencia if con varias condiciones separadas por el operador lógico ||.

En resumen, la sentencia switch puede ser una buena opción cuando necesitamos evaluar una expresión y tomar decisiones en consecuencia en función de un conjunto limitado de valores posibles. Sin embargo, debemos tener en cuenta sus limitaciones y considerar si la sentencia if puede ser una mejor opción en algunos casos.

 

El operador ternario en JavaScript

 

Sintaxis del operador ternario en JavaScript

 

El operador ternario en JavaScript es una forma abreviada de escribir una sentencia if. Su sintaxis es la siguiente:

 

 

Si la condición se evalúa como verdadera, el operador ternario devuelve valor1. Si la condición se evalúa como falsa, devuelve valor2. Por ejemplo, podríamos utilizar el operador ternario para asignar un valor a una variable dependiendo de si un número es par o impar:

 

const esPar = (num % 2 === 0) ? true : false;

 

Ejemplos de uso del operador ternario en JavaScript

 

Aquí hay algunos ejemplos de cómo podríamos utilizar el operador ternario en JavaScript:

 

  • Mostrar un mensaje de error si el usuario ha introducido una contraseña incorrecta:

const mensaje = (passwordIncorrect) ? "Contraseña incorrecta. Por favor, inténtelo de nuevo." : "";
console.log(mensaje);

 

  • Mostrar un mensaje diferente dependiendo del resultado de una prueba:

const mensaje = (testResult >= 60) ? "¡Enhorabuena, has aprobado!" : "Lo siento, no has aprobado. ¡Animo a seguir intentándolo!";
console.log(mens

 

Pueden ver el mismo ejemplo, pero usando la condicional IF-ELSE en este artículo.

 

Cuándo utilizar el operador ternario en lugar de la sentencia if

 

Sin embargo, hay algunas situaciones en las que es mejor utilizar la sentencia if en lugar del operador ternario:

 

  • Cuando necesitamos evaluar más de dos posibles ramas. El operador ternario solo permite dos posibles ramas, por lo que tendríamos que utilizar varios operadores ternarios anidados o una sentencia if para evaluar múltiples condiciones.
  • Cuando las condiciones o los valores a evaluar son muy complejos. El operador ternario puede resultar menos legible si las condiciones o los valores a evaluar son muy complejos y requieren muchas líneas de código. En estos casos, es posible que sea más legible utilizar una sentencia if.
  • Cuando necesitamos ejecutar varias acciones en cada rama. El operador ternario solo permite asignar un valor a una variable o devolver un valor. Si necesitamos ejecutar varias acciones en cada rama, es mejor utilizar una sentencia if. En resumen, el operador ternario puede ser una herramienta útil cuando necesitamos evaluar rápidamente una condición y tomar una decisión en consecuencia. Sin embargo, debemos asegurarnos de utilizarlo adecuadamente y considerar si es la mejor opción en cada caso.

 

"Evaluación a cortocircuito en sentencias condicionales de JavaScript"

 

Qué es la evaluación a cortocircuito en JavaScript

 

La evaluación a cortocircuito es una técnica utilizada en algunos lenguajes de programación, incluyendo JavaScript, para evaluar expresiones lógicas. Consiste en evaluar solo la primera expresión de una operación lógica si ya se conoce el resultado final de la operación. Por ejemplo, si tenemos la siguiente expresión:

 

 

El sistema evaluará primero valor1. Si valor1 es falso, se sabe que el resultado final de la expresión será falso, por lo que no se evalúa valor2. Si valor1 es verdadero, se evalúa valor2 para determinar el resultado final de la expresión. De esta forma, se ahorra tiempo y recursos evaluando solo la primera expresión si ya se conoce el resultado final de la operación.

 

Ejemplos de uso de la evaluación a cortocircuito en sentencias condicionales

 

Aquí hay algunos ejemplos de cómo podríamos utilizar la evaluación a cortocircuito en sentencias condicionales en JavaScript:

 

  • Verificar si una variable tiene un valor asignado antes de realizar una operación con ella:

 

  • Verificar si un usuario tiene permisos de administrador antes de permitirle acceder a ciertas funcionalidades:

 

  • Verificar si se ha iniciado sesión antes de mostrar contenido privado:

 

Beneficios de la evaluación a cortocircuito en términos de rendimiento y legibilidad de código

 

La evaluación a cortocircuito puede ser beneficiosa en términos de rendimiento y legibilidad de código. Al evitar evaluar expresiones innecesarias, podemos ahorrar tiempo y recursos. Esto puede ser especialmente útil en aplicaciones grandes o con muchas operaciones lógicas. Además, la evaluación a cortocircuito puede hacer que nuestro código sea más legible, ya que nos permite escribir expresiones más concisas y fáciles de entender. Por ejemplo, en lugar de tener que verificar si una variable tiene un valor asignado antes de realizar una operación con ella, podemos utilizar la evaluación a cortocircuito para evaluar la variable solo si es necesario. Es importante tener en cuenta que la evaluación a cortocircuito no es aplicable a todas las operaciones lógicas. Por ejemplo, la evaluación a cortocircuito no se aplica a la operación "OR" (||). También debemos tener cuidado al utilizar la evaluación a cortocircuito con valores que pueden ser evaluados como falso (como 0, "", null, etc.), ya que estos valores se considerarán falso en la evaluación a cortocircuito. En resumen, la evaluación a cortocircuito es una técnica útil que nos permite mejorar el rendimiento y la legibilidad de nuestro código al evitar evaluar expresiones innecesarias. Sin embargo, debemos tener cuidado al utilizarla y asegurarnos de entender cómo funciona en cada caso.

 

Bien, hasta aquí el uso de condicionales en JavaScript. Siempre hay cosas que quedan en el tintero, por eso los animo a que sigan investigando, por ejemplo, en la web oficial de mozilla developer.

 

Como siempre, hasta la próxima!!!!

 

Anterior: Condicionales en JavaScript (Parte 1)

Siguiente: 8 ejercicios básicos de JavaScript para empezar a programar

Otros artículos del autor

Conversación

...
...