Sanfeliu
  1. Apunts
  2. JavaScript
  3. Lliçó 03 de 14

Operadors

Els operadors de JavaScript: aritmètics, d’increment, d’assignació, de comparació i lògics, amb activitats com calcular l’IVA o convertir moneda.

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 18
    • 18 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.