004. Operador de cortocircuito

En este capítulo vamos a ver un conjunto de operadores bastante importante, y que nos encontraremos a lo largo de nuestro aprendizaje con Javascript. Los operadores de cortocircuito funcionan poniendo dos condiciones, ya sea utilizando el operador lógico OR (||) o el operador lógico AND (&&).

Cortocircuito con OR (||)

Cuando el valor de la izquierda en la expresión siempre pueda validar a true, es el valor que se cargará por defecto.

Cortocircuito con AND (&&)

Cuando el valor de la izquierda en la expresión siempre pueda validar a false, es el valor que se cargará por defecto.

Ejm

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Operador de cortocircuito</title>
  </head>

  <body>
    <h1>Operador de cortocircuito</h1>

    <script>
      function saludar(nombre) {
        nombre = nombre || "Desconocido";
        console.log(`Hola ${nombre}`);
      }

      saludar("Francisco");
      saludar();

      // Cortocircuito con OR

      // Valores que tienden a verdadero
      console.log("Cadena" || "Valor de la derecha");
      console.log(51 || "Valor de la derecha");
      console.log(true || "Valor de la derecha");
      console.log([] || "Valor de la derecha");
      console.log({} || "Valor de la derecha");

      // Valores que tienden a falso
      console.log(false || "Valor de la derecha");
      console.log(null || "Valor de la derecha");
      console.log(undefined || "Valor de la derecha");
      console.log(NaN || "Valor de la derecha");
      console.log("" || "Valor de la derecha");
      console.log(0 || "Valor de la derecha");

      // Cortocircuito con AND
      console.log(false && "Valor de la derecha");
      console.log(undefined && "Valor de la derecha");
      console.log(NaN && "Valor de la derecha");
      console.log(null && "Valor de la derecha");
    </script>
  </body>
</html>
Scroll al inicio