Condicionales

¿Qué son las declaraciones condicionales?

En la vida, tomamos decisiones basadas en las circunstancias. Pensemos en una decisión cotidiana como tener hambre: Si el Sr.Botones tiene hambre, come; de lo contrario, sigue con su rutina.

La extraña vida del señor botones by Mr. R

Estas decisiones pueden crearse en código mediante la creación de sentencias condicionales. Una declaración condicional comprueba condiciones específicas y realiza una tarea basada en estas mismas.

Palabra clave if

A menudo realizamos una tarea basada en una condición. Por ejemplo, si hoy hace buen tiempo, saldremos. Si hace frío, entonces usamos un suéter.

En la programación, también podemos realizar una tarea basada en una condición utilizando una declaración if:

ejemplo if…

La sentencia if se compone de:

• La palabra clave if seguida de paréntesis (), seguida de un bloque de código o instrucción de bloque, indicada por un conjunto de llaves {}.
• Dentro de los paréntesis (), se proporciona una condición que se evalúa como verdadera o falsa.
• Si la condición se evalúa como verdadera, el código dentro de las llaves {} se ejecuta.
• Si la condición se evalúa como falsa, el bloque no se ejecutará.

if … else

En muchos casos, tendremos un código que queremos ejecutar si nuestra condición se evalúa como falsa. Si quisiéramos agregar algún comportamiento predeterminado a la sentencia if, podemos agregar una sentencia else para ejecutar un bloque de código cuando la condición se evalúe como falsa.

ejemplo if… else

Una sentencia else debe emparejarse con una sentencia if, y juntas se denominan una sentencia if … else.

La sentencia else:

• Tiene un bloque de código que está envuelto por un conjunto de llaves {}.
• El código dentro de las llaves {} se ejecutará cuando la condición de la sentencia if se evalúe como falsa.
• Las declaraciones if … else nos permiten automatizar soluciones a preguntas de sí o no, también conocidas como decisiones binarias

Operadores de comparación y operadores lógicos

Al escribir sentencias condicionales, a veces necesitamos usar diferentes tipos de operadores para comparar valores. Estos operadores son llamados operadores de comparación. Si quieres saber de ellos más a fondo puedes leer este blog.

Los operadores de comparación comparan el valor de la izquierda con el valor de la derecha. Por ejemplo:

10 < 25 // true

Puede ser útil pensar en declaraciones comparativas como preguntas. Cuando la respuesta es “sí”, la declaración se evalúa como verdadera, y cuando la respuesta es “no”, la declaración se evalúa como falsa. El código anterior estaría preguntando: ¿es 10 menos que 25? ¡Sí! Entonces 10 < 25 se evalúa como verdadero.

Aquí un ejemplo de comparación con if … else:

También podemos usar operadores de comparación en diferentes tipos de datos como strings:

"perro" === "gato"  // false

Todas las declaraciones de comparación se evalúan como verdaderas o falsas y se componen de:

• Dos valores que serán comparados.
• Un operador que separa los valores y los compara en consecuencia(>,<,<=,>=,===).

En JavaScript, hay operadores que trabajan con valores booleanos conocidos como operadores lógicos. Podemos usar operadores lógicos para agregar lógica más sofisticada a nuestros condicionales. Hay tres operadores lógicos:

• operador and (&&)
• operador or (||)
• operador not , también conocido como operador bang (!)

Cuando usamos el operador &&, estamos comprobando que dos cosas son ciertas:

Cuando se usa el operador &&, ambas condiciones deben evaluarse como verdaderas para que toda la condición se evalúe como verdadera y se ejecute. De lo contrario, si alguna de las condiciones es falsa, la condición && se evaluará como falsa y se ejecutará el bloque else.

Si solo nos importa que una de las dos condiciones sea verdadera, podemos usar el operador ||:

Cuando se utiliza el operador ||, solo una de las condiciones debe evaluarse como verdadera para que la declaración general se evalúe como verdadera.

El operador ! invierte, o niega, el valor de un booleano:

Operador ternario

Podemos usar un operador ternario para simplificar una declaración if … else.

El operador ternario es un condicional simple que ejecuta una de dos instrucciones posibles.

Su sintaxis es la siguiente:

condition ? instructionIfTrue : instructionIfFalse;

Tomemos este ejemplo de declaración if … else:

Podemos usar un operador ternario para realizar la misma funcionalidad:

• La condición, hungry, se escribe antes del signo ?.
• Dos expresiones siguen al signo ? y están separados por dos puntos :.
• Si la condición se evalúa como verdadera, la primera expresión se ejecuta.
• Si la condición se evalúa como falsa, la segunda expresión se ejecuta.
• Al igual que las declaraciones if … else ,los operadores ternarios se pueden usar para condiciones que se evalúan como verdaderas o falsas.

else if

Podemos agregar más condiciones a nuestro if … else con una sentencia else if. Esta declaración permite más de dos resultados posibles. Puedes agregar varias instrucciones para hacer condicionales más complejos.

La sentencia else if siempre viene después de la sentencia if y antes de la sentencia else. La instrucción else if también debe tener una condición.

Las sentencias se leen de arriba a abajo, entonces la primera condición que se evalúa como verdadera de arriba a abajo es el bloque que se ejecuta.

Aprende más sobre JavaScript y la mejor forma de iniciarte en este lenguaje visitando la página de MUKTEK.