Una declaración condicional le permite ejecutar un bloque de código basado en una condición específica.

El lenguaje JavaScript proporciona varias formas de usar sentencias condicionales. Muchos de ellos también son comunes a otros lenguajes de programación. Pero debe conocer sus beneficios individuales y cómo funcionan en JavaScript.

1. Declaraciones if-else y else-if

Un si-más La instrucción ejecuta un bloque si su condición es verdadera y el otro bloque si es falsa. Un else-if ejecuta el bloque que coincide con una de varias condiciones, o un bloque predeterminado si no coincide ninguna condición.

Un valor veraz es un valor que JavaScript considera verdadero cuando lo encuentra en un contexto booleano. Un valor falso es un valor que JavaScript considera falso cuando lo encuentra en un contexto booleano.

JavaScript considera todos los valores verdaderos a menos que sean uno de un pequeño número que son falsos. Los valores falsos son falso, 0, -0, 0n, "", nulo, indefinido, y Yaya.

Aquí está la sintaxis para un si-más declaración:

instagram viewer
si (condición) {
// Si la condición es un valor real, este bloque de código se ejecutará
} más {
// Si la condición es un valor falso, este bloque de código se ejecutará
}

En algunos casos, es posible que desee comprobar varias condiciones relacionadas. En esos escenarios, puede utilizar un si no para evaluar las condiciones extra.

Por ejemplo:

si (condición) {
// Si la condición es verdadera, este bloque de código se ejecutará y la ejecución del código
// se detendrá.
} mássi (condición_2) {
// Si la primera condición es falsa, este bloque de código se ejecutará si condition_2
// es verdad
} mássi (condición_n) {
// Si las condiciones anteriores son falsas, este bloque de código se ejecutará si
// condition_n es veraz
} más {
// Si todas las condiciones son falsas, este bloque de código se ejecutará
}

Usando si no sentencias, puede evaluar tantas condiciones como desee. Sin embargo, este método rápidamente se vuelve antiestético y difícil de mantener a medida que aumenta el número de condiciones.

JavaScript proporciona una forma más limpia de evaluar múltiples condiciones llamadas cambiar declaración.

2. La declaración del cambio

los cambiar La instrucción evalúa una expresión una vez e intenta compararla con uno o más valores posibles. Puede proporcionar cada valor potencialmente coincidente después de un caso palabra clave.

Cuando la sentencia switch encuentra una coincidencia, ejecuta todas las sentencias posteriores, hasta que encuentra una descanso declaración.

Esta es la sintaxis de la instrucción switch:

cambiar (expresión) {
caso 'primero-caso':
// ejecuta el código si la expresión coincide con este caso
descanso;

caso 'caso_2':
// ejecuta el código si la expresión coincide con este caso
descanso;

defecto:
// ejecuta el código si la expresión no coincide con ningún caso
}

los descanso declaraciones son una parte esencial de la cambiar bloque porque especifican dónde debe dejar de ejecutarse el código. Si pierde una declaración de interrupción, la ejecución del código continuará y ejecutará todos los demás bloques de código después de la primera coincidencia. Esto rara vez es lo que querrás que suceda.

3. El operador ternario

JavaScript también le permite abreviar declaraciones condicionales utilizando el operador ternario.

El operador ternario toma tres operandos:

  1. Una condición, seguida de un signo de interrogación (?).
  2. Una expresión después del signo de interrogación y antes de dos puntos (:). Esto se ejecutará si la condición es verdadera.
  3. Una expresión después de los dos puntos que se ejecutará si la condición es falsa.

Por ejemplo:

¿condición? consola.log('La condición es veraz'): consola.log('La condición es falsa');

La declaración anterior significa efectivamente "Si la 'condición' es verdadera, registre el primer mensaje; de ​​lo contrario, registre el segundo mensaje".

4. cortocircuito

El cortocircuito es una técnica que implica el uso de los operadores logicosO (||) y Y (&&) para evaluar una expresión de izquierda a derecha.

Una operación que involucre al operador OR provocará un cortocircuito al devolver el primer valor verdadero que encuentre. Si todos los valores de la expresión son falsos, se produce un cortocircuito y devuelve el último valor falso.

Una operación que utilice el operador AND provocará un cortocircuito al devolver la primera declaración falsa que encuentre. Si todas las declaraciones en la expresión son veraces, hace un cortocircuito y devuelve el último valor veraz.

Aquí hay un ejemplo de cómo escribir una declaración condicional con el operador OR.

app.listen (proceso.env. PUERTO || 3000)

Este enfoque de cortocircuito para escribir declaraciones condicionales es popular en las aplicaciones Express. Dice: “si el PUERTO existe una variable de entorno, utilícela; de lo contrario, utilice el puerto 3000”.

Aquí hay un ejemplo de cómo escribir una declaración condicional con el operador AND.

Foo && consola.log('Foo está definido')

El bloque de código anterior significa "si Foo está definido, llama a la función console.log()”.

Esta técnica es la forma más corta de escribir un condicional, pero puede dificultar la lectura del código. Debe evitar usarlo en exceso, especialmente cuando trabaja como parte de un equipo más grande.

La importancia de las declaraciones condicionales

Las declaraciones condicionales son las que permiten que su programa tome decisiones. Sin ellos, su código se ejecutará en una ruta directa de principio a fin. También forman parte de bucles. Sin ellos, los bucles se ejecutarían infinitamente y, por lo tanto, colapsarían su aplicación.