Tercera clase: Operadores y Condiciones en JavaScript#

En esta clase se introducen los operadores relacionales y operadores lógicos, fundamentales para construir expresiones condicionales en JavaScript. El resultado de estas expresiones siempre es un valor booleano: true o false.

Operadores relacionales#

Se utilizan para comparar valores. Devuelven siempre true o false.

< menor que
> mayor que
<= menor o igual que
>= mayor o igual que
== igual que (comparación laxa)
!= no igual que (comparación laxa)

1
let age1 = 18, age2 = 20;
2
alert(age1 >= age2);   // false
3
alert(age1 < age2);    // true
4
alert(age1 != age2);   // true

Nota: Más adelante se recomienda usar === y !== (comparación estricta) para evitar conversiones implícitas.

Operadores lógicos#

Se aplican a valores booleanos (true / false). Permiten combinar varias condiciones.

! NOT: invierte el valor.
&& AND: solo es true si ambos operandos son true.
|| OR: es true si al menos uno es true.
^ XOR: (no existe como operador lógico directo en JS, se puede simular). Devuelve true si los valores son diferentes.

1
let age = 18;
2
let hasLicense = false;
3
alert(age >= 18 && hasLicense == true); // false
4
alert(age >= 18 && !hasLicense);        // igual que la anterior
5

6
let children = 2;
7
let widow = true;
8
let largeFamily = children >= 3 || (children == 2 && widow == true); // true
9
largeFamily = children >= 3 || (children == 2 && widow); // igual que la anterior

Importante#

Al combinar comparaciones sobre la misma variable, no se puede omitir la segunda variable:

1
if (a >= 5 && <= 10) { /* ERROR */ }
2
if (a >= 5 && a <= 10) { /* OK */ }

Ejercicios#

Precio final tienda online
Comprobar contraseña
Comprobar múltiplos
Negativo, positivo o cero
¿Qué puedes hacer a tu edad?
¿Cuál es el mayor?
¿Es año bisiesto?

A continuación se detallan.

1. Calcular precio final (tienda online)#

A partir de un precio introducido, aplicar 10% de descuento si es >= 500 €.
Si el precio final es < 20 €, añadir 5 € de transporte.

Ejemplo:

1
Introduce el precio: 600
2
El precio final es 540.0
3

4
Introduce el precio: 15
5
El precio final es 20.0

2. Comprobar contraseña#

Guardar una contraseña (numérica o texto) en una constante.
Pedir la contraseña al usuario y mostrar si es correcta.

3. Comprobar múltiplos#

Indicar si un número entero es múltiplo de otro.

4. Negativo, positivo o cero#

Dado un entero, indicar si es negativo, positivo o cero.

5. ¿Qué puedes hacer a tu edad?#

Según la edad introducida mostrar (se pueden acumular varios mensajes):

Si edad >= 18 y < 80: “Puedes conducir un coche”
Si no estás entre 16 y 67 (incluidos): “No estás en edad de trabajar”
Si < 3: “Debes ir a la guardería”
Si entre 18 y 24 (incluidos): “Puedes estudiar un CFGS”

6. ¿Cuál es el más grande?#

Introduciendo dos números reales, mostrar cuál es mayor.
Opcional: hacerlo con 3 números.

7. ¿Es año bisiesto?#

Un año es bisiesto si es divisible entre 400, o si es divisible entre 4 pero no entre 100.
Probar con: 2000 (sí), 2020 (sí), 2100 (no), 2222 (no).

Soluciones#

1
// Exercise 1
2
let price = 600;
3
if (price >= 500) price = price * 0.9;
4
if (price < 20) price += 5;
5
console.log(`El preu final és ${price}`);
6

7
// Exercise 2
8
let password = 2838811;
9
let passwordInput = 93921;
10
console.log(`La contraseña es ${password != passwordInput ? "incorrecta" : "valida"}`);
11

12
// Exercise 3
13
let numberValue = 2;
14
let multipleBase = 2;
15
console.log(`El número ${numberValue} ${numberValue % multipleBase == 0 ? "es" : "no es"} multiple de ${multipleBase}`);
16

17
// Exercise 4
18
console.log(`El número es ${numberValue > 0 ? "Positivo" : numberValue == 0 ? "Cero" : "Negativo"}`);
19

20
// Exercise 5
21
let currentAge = 17;
22
let message = "";
23
if (currentAge >= 18 && currentAge > 80) message += "Pots conduir un cotxe\n"; // (Nota: condición original tal cual)
24
if (currentAge < 18 || currentAge > 67) message += "No estàs en edat de treballar\n";
25
if (currentAge < 3) message += "Has d'anar a la guarderia\n";
26
if (currentAge >= 18 && currentAge <= 24) message += "Pots estudiar un CFGS";
27
console.log(message);
28

29
// Exercise 6
30
let firstNumber = 1;
31
let secondNumber = 2;
32
console.log(`El número ${firstNumber > secondNumber ? `${firstNumber} es mayor a ${secondNumber}` : firstNumber < secondNumber ? `${secondNumber} es mayor a ${firstNumber}` : `${firstNumber} y ${secondNumber} son iguales`}`);
33

34
// Exercise 7
35
let year = 2000;
36
console.log(`${year % 4 == 0 ? `Sí es any de traspàs` : `No es any de traspàs`} `);