Operadors
En aquest capítol explorarem en profunditat els operadors aritmètics, d'assignació, de comparació i lògics a JavaScript. També inclourem activitats pràctiques per posar en marxa aquests coneixements.
Operadors aritmètics
S'utilitzen per fer càlculs matemàtics amb valors numèrics:
| Operador | Nom | Exemple | Resultat |
|---|---|---|---|
+ | Suma | 5 + 3 | 8 |
- | Resta | 5 - 3 | 2 |
* | Multiplicació | 5 * 3 | 15 |
/ | Divisió | 6 / 3 | 2 |
% | Mòdul | 5 % 2 | 1 |
** | Potència (ES7) | 2 ** 3 | 8 |
Increment i decrement
let a = 5;
let b = a++; // b = 5, a = 6
let c = ++a; // a = 7, c = 7
a++(post-increment): retorna el valor actual i incrementa després++a(pre-increment): incrementa abans i retorna el nou valor
Operadors d'assignació
Permeten assignar i modificar valors d’una variable:
let x = 10;
x += 5; // x = x + 5 = 15
x -= 2; // x = 13
x *= 2; // x = 26
x /= 2; // x = 13
x %= 4; // x = 1
x **= 3; // x = 1
Operadors de comparació
Comparen dos valors i retornen true o false.
| Operador | Descripció | Exemple | Resultat |
|---|---|---|---|
== | Igual (coerció implícita) | "5" == 5 | true |
=== | Igual estricte | "5" === 5 | false |
!= | Diferent (coerció) | "5" != 5 | false |
!== | Diferent estricte | "5" !== 5 | true |
> | Major que | 10 > 5 | true |
< | Menor que | 5 < 10 | true |
>= | Major o igual | 5 >= 5 | true |
<= | Menor o igual | 3 <= 4 | true |
Operadors lògics
Es fan servir per combinar condicions:
| Operador | Nom | Exemple | Resultat |
| -------- | --- | --------------- | -------- | ----- | --- | ------ | ------ |
| && | AND | true && false | false |
| | | | OR | true | | false | true |
| ! | NOT | !true | false |
Activitats pràctiques
Activitat 1: Càlcul de l'IVA
Demana un preu i mostra el preu amb IVA (21%).
let preu = 100;
let iva = preu * 0.21;
let total = preu + iva;
Activitat 2: Convertidor de moneda
De EUR a USD (1 EUR = 1.1 USD)
let eur = 50;
let usd = eur * 1.1;
Activitat 3: Àrea d'un rectangle
let base = 5;
let altura = 10;
let area = base * altura;
Activitat 4: Comparació condicional
Demana el nom, primer cognom i edat. Mostra:
- Nom complet
- Any de naixement (any actual - edat)
- Missatge personalitzat segons l’edat:
<18: No et podem donar d’alta fins a l’any que facis 1818 o 25: Tens un descompte especial del 20%>18 i <25: Tens un 10% de descompte>25: No tens descompte- Si l’edat és invàlida, mostra un error
Activitat 5: Operadors lògics
Crea condicions encadenades amb &&, ||, ! per simular permisos d'accés, validacions de formularis, etc.
Aquest capítol t’introdueix als fonaments de la lògica computacional, imprescindible per qualsevol programador JavaScript. Saber com i quan fer servir els operadors és clau per a desenvolupar programes útils, eficients i correctes.