În acest tutorial, veți afla despre diferiți operatori disponibili în JavaScript și cum să le utilizați cu ajutorul exemplelor.
Ce este un operator?
În JavaScript, un operator este un simbol special folosit pentru a efectua operații pe operanzi (valori și variabile). De exemplu,
2 + 3; // 5
Iată +un operator care efectuează adăugarea și 2și 3sunt operanzi.
Tipuri de operatori JavaScript
Iată o listă cu diferiți operatori pe care îi veți învăța în acest tutorial.
- Operatori de misiune
- Operatori aritmetici
- Operatori de comparație
- Operatori logici
- Operatori Bitwise
- Operatori de șiruri
- Alți operatori
Operatori de atribuire JavaScript
Operatorii de atribuire sunt utilizați pentru a atribui valori variabilelor. De exemplu,
const x = 5;
Aici, =operatorul este utilizat pentru a atribui valoare 5variabilei x.
Iată o listă a operatorilor de atribuire utilizați frecvent:
| Operator | Nume | Exemplu |
|---|---|---|
= | Operator de misiune | a = 7; // 7 |
+= | Alocarea suplimentară | a += 5; // a = a + 5 |
-= | Atribuire de scădere | a -= 2; // a = a - 2 |
*= | Alocarea multiplicării | a *= 3; // a = a * 3 |
/= | Alocarea diviziei | a /= 2; // a = a / 2 |
%= | Atribuirea restului | a %= 2; // a = a % 2 |
**= | Atribuire de expunere | a **= 2; // a = a**2 |
Notă: Operatorul de atribuire utilizat în mod obișnuit este =. Vei înțelege alți operatori de atribuire , cum ar fi +=, -=, *=etc. odată ce învățăm operatori matematici.
Operatori aritmetici JavaScript
Operatorii aritmetici sunt utilizați pentru a efectua calcule aritmetice . De exemplu,
const number = 3 + 5; // 8
Aici, +operatorul este folosit pentru a adăuga doi operanzi.
| Operator | Nume | Exemplu |
|---|---|---|
+ | Plus | x + y |
- | Scădere | x - y |
* | Multiplicare | x * y |
/ | Divizia | x / y |
% | Rest | x % y |
++ | Increment (creșteri cu 1) | ++x sau x++ |
-- | Decrement (scade cu 1) | --x sau x-- |
** | Exponențierea (puterea) | x ** y |
Exemplul 1: Operatori aritmetici în JavaScript
let x = 5; let y = 3; // addition console.log('x + y = ', x + y); // subtraction console.log('x - y = ', x - y); // multiplication console.log('x * y = ', x * y); // division console.log('x / y = ', x / y); // remainder console.log('x % y = ', x % y); // increment console.log('++x = ', ++x); // x is now 6 console.log('x++ = ', x++); // x returns 6 and then increases by 1 console.log('x = ', x); // decrement console.log('--x = ', --x); // x is now 6 console.log('x-- = ', x--); // x returns 6 and then increases by 1 console.log('x = ', x); //exponentiation console.log('x ** y =', x ** y);
Accesați operatorul ++ și - pentru a afla mai multe.
Ieșire
x + y = 8 x - y = 2 x * y = 15 x / y = 1,6666666666666667 x% y = 2 ++ x = 6 x ++ = 6 x = 7 --x = 6 x-- = 6 x = 5 x ** y = 125
Notă : Operatorul ** a fost introdus în EcmaScript 2016 și este posibil ca unele browsere să nu le accepte. Pentru a afla mai multe, vizitați asistența pentru browserul de exponențiere JavaScript.
Operatori de comparație JavaScript
Operatorii de comparație compară două valori și returnează o valoare booleană, fie truesau false. De exemplu,
const a = 3, b = 2; console.log(a> b); // true
Aici, operatorul de comparație >este folosit pentru a compara dacă a este mai mare decât b.
| Operator | Descriere | Exemplu |
|---|---|---|
== | Egal cu : revine truedacă operanzii sunt egali | x == y |
!= | Nu este egal cu : revine truedacă operanzii nu sunt egali | x != y |
=== | Strict egal cu : truedacă operanzii sunt egali și de același tip | x === y |
!== | Strict nu egal cu : truedacă operanzii sunt egali, dar de tip diferit sau deloc egali | x !== y |
> | Mai mare decât : truedacă operandul stâng este mai mare decât operandul drept | x> y |
>= | Mai mare sau egal cu : truedacă operandul din stânga este mai mare sau egal cu operandul din dreapta | x>= y |
< | Mai puțin de : truedacă operandul din stânga este mai mic decât operandul din dreapta | x < y |
<= | Mai mic sau egal cu : truedacă operandul din stânga este mai mic sau egal cu operandul din dreapta | x <= y |
Exemplul 2: Operatori de comparație în JavaScript
// equal operator console.log(2 == 2); // true console.log(2 == '2'); // true // not equal operator console.log(3 != 2); // true console.log('hello' != 'Hello'); // true // strict equal operator console.log(2 === 2); // true console.log(2 === '2'); // false // strict not equal operator console.log(2 !== '2'); // true console.log(2 !== '2'); // false
Output
true true true true true false false true
Comparison operators are used in decision making and loops. You will learn about the use of comparison operators in detail in later tutorials.
JavaScript Logical Operators
Logical operators perform logical operations and return a boolean value, either true or false. For example,
const x = 5, y = 3; (x < 6) && (y < 5); // true
Here, && is the logical operator AND. Since both x < 6 and y < 5 are true, the result is true.
| Operator | Description | Example |
|---|---|---|
&& | Logical AND: true if both the operands are true, else returns false | x && y |
|| | Logical OR: true if either of the operands is true; returns false if both are false | x || y |
! | Logical NOT: true if the operand is false and vice-versa. | !x |
Example 3: Logical Operators in JavaScript
// logical AND console.log(true && true); // true console.log(true && false); // false // logical OR console.log(true || false); // true // logical NOT console.log(!true); // false
Output
true false true false
Logical operators are used in decision making and loops. You will learn about the use of logical operators in detail in later tutorials.
JavaScript Bitwise Operators
Bitwise operators perform operations on binary representations of numbers.
| Operator | Description |
|---|---|
& | Bitwise AND |
| | Bitwise OR |
^ | Bitwise XOR |
~ | Bitwise NOT |
<< | Left shift |
>> | Sign-propagating right shift |
>>> | Zero-fill right shift |
Bitwise operators are rarely used in everyday programming. If you are interested, visit JavaScript Bitwise Operators to learn more.
JavaScript String Operators
In JavaScript, you can also use the + operator to concatenate (join) two or more strings.
Example 4: String operators in JavaScript
// concatenation operator console.log('hello' + 'world'); let a = 'JavaScript'; a += ' tutorial'; // a = a + ' tutorial'; console.log(a);
Output
helloworld JavaScript tutorial
Notă: Când +este utilizat cu șiruri, acesta efectuează concatenare. Cu toate acestea, atunci când +este utilizat cu numere, se efectuează adunare.
Alți operatori JavaScript
Iată o listă cu alți operatori disponibili în JavaScript. Veți afla despre acești operatori în tutoriale ulterioare.
| Operator | Descriere | Exemplu |
|---|---|---|
, | evaluează mai mulți operanzi și returnează valoarea ultimului operand. | let a = (1, 3 , 4); // 4 |
?: | returnează valoarea pe baza condiției | (5> 3) ? 'success' : 'error'; // "success" |
delete | șterge proprietatea unui obiect sau un element al unui tablou | delete x |
typeof | returnează un șir care indică tipul de date | typeof 3; // "number" |
void | renunță la valoarea returnată a expresiei | void(x) |
in | returnează truedacă proprietatea specificată se află în obiect | prop in object |
instanceof | returnează truedacă obiectul specificat este de tipul obiectului specificat | object instanceof object_type |
