El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència

HOME

En aquest tema, aprendrem sobre els operadors bàsics en JavaScript. Els operadors són símbols que permeten realitzar operacions sobre valors i variables. Els operadors bàsics inclouen operadors aritmètics, de comparació, lògics i d'assignació.

Operadors Aritmètics

Els operadors aritmètics s'utilitzen per realitzar operacions matemàtiques. A continuació es mostren els operadors aritmètics més comuns:

Operador	Descripció	Exemple	Resultat
`+`	Suma	`5 + 3`	`8`
`-`	Resta	`5 - 3`	`2`
`*`	Multiplicació	`5 * 3`	`15`
`/`	Divisió	`6 / 3`	`2`
`%`	Mòdul (residu)	`5 % 3`	`2`
`++`	Increment	`let a = 5; a++`	`6`
`--`	Decrement	`let a = 5; a--`	`4`

Exemple Pràctic

let a = 10;
let b = 3;

console.log(a + b); // 13
console.log(a - b); // 7
console.log(a * b); // 30
console.log(a / b); // 3.3333333333333335
console.log(a % b); // 1

a++;
console.log(a); // 11

b--;
console.log(b); // 2

Operadors de Comparació

Els operadors de comparació s'utilitzen per comparar dos valors. El resultat d'una comparació és un valor booleà (true o false).

Operador	Descripció	Exemple	Resultat
`==`	Igual a	`5 == 5`	`true`
`!=`	Diferent de	`5 != 3`	`true`
`===`	Igual a (estricte)	`5 === '5'`	`false`
`!==`	Diferent de (estricte)	`5 !== '5'`	`true`
`>`	Major que	`5 > 3`	`true`
`<`	Menor que	`5 < 3`	`false`
`>=`	Major o igual que	`5 >= 5`	`true`
`<=`	Menor o igual que	`5 <= 3`	`false`

Exemple Pràctic

let x = 10;
let y = '10';

console.log(x == y);  // true
console.log(x === y); // false
console.log(x != y);  // false
console.log(x !== y); // true
console.log(x > 5);   // true
console.log(x < 5);   // false
console.log(x >= 10); // true
console.log(x <= 10); // true

Operadors Lògics

Els operadors lògics s'utilitzen per combinar expressions booleanes.

Operador	Descripció	Exemple	Resultat
`&&`	AND	`true && false`	`false`
`		`	OR
`!`	NOT	`!true`	`false`

Exemple Pràctic

let a = true;
let b = false;

console.log(a && b); // false
console.log(a || b); // true
console.log(!a);     // false
console.log(!b);     // true

Operadors d'Assignació

Els operadors d'assignació s'utilitzen per assignar valors a les variables.

Operador	Descripció	Exemple	Equivalent a
`=`	Assignació	`x = 5`	`x = 5`
`+=`	Assignació amb suma	`x += 5`	`x = x + 5`
`-=`	Assignació amb resta	`x -= 5`	`x = x - 5`
`*=`	Assignació amb multiplicació	`x *= 5`	`x = x * 5`
`/=`	Assignació amb divisió	`x /= 5`	`x = x / 5`
`%=`	Assignació amb mòdul	`x %= 5`	`x = x % 5`

Exemple Pràctic

let x = 10;

x += 5;  // x = x + 5
console.log(x); // 15

x -= 3;  // x = x - 3
console.log(x); // 12

x *= 2;  // x = x * 2
console.log(x); // 24

x /= 4;  // x = x / 4
console.log(x); // 6

x %= 3;  // x = x % 3
console.log(x); // 0

Exercicis Pràctics

Exercici 1

Escriu un programa que calculi la suma, resta, multiplicació, divisió i mòdul de dues variables a i b.

let a = 8;
let b = 3;

// Escriu el teu codi aquí

Solució

let a = 8;
let b = 3;

console.log("Suma: " + (a + b));         // 11
console.log("Resta: " + (a - b));        // 5
console.log("Multiplicació: " + (a * b));// 24
console.log("Divisió: " + (a / b));      // 2.6666666666666665
console.log("Mòdul: " + (a % b));        // 2

Exercici 2

Escriu un programa que compari dues variables x i y i imprimeixi si x és major, menor o igual a y.

let x = 10;
let y = 5;

// Escriu el teu codi aquí

Solució

let x = 10;
let y = 5;

if (x > y) {
    console.log("x és major que y");
} else if (x < y) {
    console.log("x és menor que y");
} else {
    console.log("x és igual a y");
}

Exercici 3

Escriu un programa que utilitzi operadors lògics per determinar si una variable z és entre 10 i 20 (inclosos).

let z = 15;

// Escriu el teu codi aquí

Solució

let z = 15;

if (z >= 10 && z <= 20) {
    console.log("z està entre 10 i 20");
} else {
    console.log("z no està entre 10 i 20");
}

Conclusió

En aquesta secció, hem après sobre els operadors bàsics en JavaScript, incloent operadors aritmètics, de comparació, lògics i d'assignació. Aquests operadors són fonamentals per a qualsevol tipus de programació i són àmpliament utilitzats en la manipulació de dades i la presa de decisions dins del codi. Amb la pràctica, aquests conceptes es tornaran més intuïtius i fàcils d'aplicar.

Operadors Bàsics

Operadors Aritmètics

Exemple Pràctic

Operadors de Comparació

Exemple Pràctic

Operadors Lògics

Exemple Pràctic

Operadors d'Assignació

Exemple Pràctic

Exercicis Pràctics

Exercici 1

Solució

Exercici 2

Solució

Exercici 3

Solució

Conclusió

JavaScript: De Principiant a Avançat

Mòdul 1: Introducció a JavaScript

Mòdul 2: Estructures de Control

Mòdul 3: Funcions

Mòdul 4: Objectes i Arrays

Mòdul 5: Objectes i Funcions Avançades

Mòdul 6: El Model d'Objectes del Document (DOM)

Mòdul 7: APIs del Navegador i Temes Avançats

Mòdul 8: Proves i Depuració

Mòdul 9: Rendiment i Optimització

Mòdul 10: Frameworks i Llibreries de JavaScript

Mòdul 11: Projecte Final