Sentencias condicionales

JavaScript al igual que otros lenguajes de programación cuenta con diversos mecanismos de control de flujo, en esta ocasión trabajaremos con las sentencia if y else: La sentencia IF requiere de una condición a evaluar, esta expresión será evaluada como expresión Boolean teniendo como resultado true o false. Si la condición evaluada es verdadera, es ejecutará la sentencia_1, en caso contrario se ejecuta la setencia_2.

JavaScript

if(condición) {   
 sentencia_1;
 } else {
 sentencia_2;
 }

En el uso de sentencias podemos hacer uso de operadores de comparación:

Operador	Definición
Equal ==	Regresa verdadero si ambos valores son iguales
Not equal !=	Regresa verdadero si ambos valores son diferentes
Mayor que >	Regresa verdadero si el valor de lado izquierdo es mayor al valor de lado derecho
Mayor o igual que >=	Regresa verdadero si el valor de lado izquierdo es mayor o igual al valor de lado derecho
Menor que <	Regresa verdadero si el valor de lado izquierdo es menor al valor de lado derecho
Menor o igual que <=	Regresa verdadero si el valor de lado izquierdo es menor o igual al valor de lado derecho

Ejemplo 01:

A continuación vamos a comparar si la variable X es igual a la variable Y

JavaScript

let x = 10let y = 10if (x == y) { 
 console.log("Las variables son iguales");} else {    console.log("Las variables no son iguales");
 }

Es posible anidar (crear sentencias dentro de sentencias) cualquier número de sentencias dentro de if, pero también se puede componer sentencias más complejas haciendo uso del else if para tener múltiples funciones, como se muestra a continuación:

JavaScript

if (condición_1) { 
 sentencia_1;
 } else if (condición_2) {  
 sentencia_2;
 } else if (condición_n) {
   sentencia_n;
 } else {  
 ultima_sentencia;
} 

Vamos a comparar si la variable X y Y son iguales a la variable

JavaScript

let z = 15
if (x == z)
{  
console.log("Las variables X y Z son iguales");} else if (y == z) {  console.log("Las variables Y y Z son iguales");} else {  console.log("Las variables X y Z no son iguales");
}  

A continuación abre el archivo control.html en Google Chrome y realiza clic derecho para activar el modo inspector, desplegamos la pestaña de console para visualizar los resultados de las sentencia en el archivo.

731B

control.html

Abrir

control.html