7 tipuri de operatori JavaScript pe care trebuie să-i cunoașteți

Un operator este un simbol care îi spune interpretului să efectueze o anumită operație matematică, relațională sau logică. Operatorii preiau unul sau mai mulți operanzi și sunt capabili să manipuleze valorile țintă sau operanzii.

În acest articol, veți afla despre diferiți operatori din JavaScript și despre cum să le utilizați cu exemple.

Tipuri de operatori JavaScript

Aceștia sunt diferiții operatori pe care îi acceptă JavaScript:

1. Operatori aritmetici
2. Operatori de atribuire
3. Operatori șiruri
4. Operatori de comparare
5. Operatori logici
6. Operatori pe biți
7. Operatori speciali

1. Operatori aritmetici

Puteți utiliza operatori aritmetici pentru a efectua calcule matematice asupra operanzilor. JavaScript oferă următorii operatori aritmetici:

Operator suplimentar (+)

Puteți folosi operatorul de adăugare (+) pentru a efectua adunarea pe operanzi.

fie a = 12;
fie b = 10;
fie rezultatul = a+b;
console.log (rezultat)
console.log (1+2);
console.log (a+6);

Ieșire:

22
3
18

Operator de scădere (-)

Utilizați operatorul de scădere (-) pentru a scădea operandul drept din operandul stâng.

fie a = 10;
fie b = 4;
fie rezultat = a-b;
console.log (rezultat);
console.log (23-20);

Ieșire:

6
3

Operator de multiplicare (*)

Folosiți operatorul de înmulțire (*) pentru a multiplica operanzii.

fie a = 10;
fie b = 4;
fie rezultat = a*b;
console.log (rezultat);
console.log (23*20);

Ieșire:

40
460

Operator de divizie (/)

Puteți folosi operatorul de divizare (/) pentru a efectua împărțirea operanzilor.

fie a = 10;
fie b = 4;
fie rezultatul = a/b;
console.log (rezultat);
console.log (40/20);

Ieșire:

2.5
2

Operator modul (%)

Operatorul de modul (%) returnează restul întreg prin scufundarea a doi operanzi.

fie a = 10;
fie b = 4;
fie rezultat = a%b;
console.log (rezultat);
console.log (40%20);

Ieșire:

2
0

Operator de exponențiere (**)

Operatorul de exponențiere (**) calculează baza la puterea exponentului (bază^exponent).

fie a = 3;
console.log (a**4);

Ieșire:

81

Operator de creștere (++)

Operatorul de increment (++) mărește valoarea întregului cu unu.

fie a = 3;
// Valoarea lui a=4 și returnează 4
console.log(++a);
// Valoarea a=5 și returnează 4
console.log (a++);
// Valoarea a=5 și returnează 5
console.log (a);

Ieșire:

4
4
5

Operator de decrement (--)

Operatorul de decrement (--) scade valoarea întregului cu unu.

fie a = 3;
// Valoarea a=2 și returnează 2
console.log(--a);
// Valoarea lui a=1 și returnează 2
console.log (a--);
// Valoarea lui a=1 și returnează 1
console.log (a);

Ieșire:

2
2
1

Operator Unary Plus (+)

Operatorul unar plus (+) încearcă să convertească operandul într-un număr dacă nu este deja unul.

console.log (typeof("10"));
console.log (typeof(+"10"));
console.log (tip de (fals));
console.log (typeof(+false));

Ieșire:

şir
număr
boolean
număr

Operator de negație unară (-)

Operatorul unar de negație (-) returnează negația operandului său.

fie a = 10;
console.log(-a);

Ieșire:

-10

2. Operatori de atribuire

Utilizați operatori de atribuire pentru a atribui valori variabilelor. JavaScript oferă următorii operatori de atribuire:

Operator de atribuire(=)

Puteți utiliza operatorul de atribuire (=) pentru a atribui valoarea operandului din dreapta operandului din stânga.

// Atribuirea 10 la a
fie a = 10;
console.log (a);

Ieșire:

10

Operator de atribuire suplimentară (+=)

Operatorul de atribuire de adăugare (+=) este folosit pentru a adăuga valorile operandului din stânga și din dreapta și pentru a atribui rezultatul operandului din stânga.

fie a = 10;
fie b = 5;
// Echivalent cu a = a+b
a += b;
console.log (a);

Ieșire:

15

Operator de atribuire a scăderii (-=)

Operatorul de atribuire a scăderii (-=) va scădea operandul din dreapta din operandul din stânga și va atribui rezultatul operandului din stânga.

fie a = 10;
fie b = 5;
// Echivalent cu a = a-b
a -= b;
console.log (a);

Ieșire:

5

Operator de atribuire înmulțire (*=)

Utilizați operatorul de atribuire înmulțire (*=) pentru a multiplica valorile operandului din stânga și din dreapta și să atribuie rezultatul operandului din stânga.

fie a = 10;
fie b = 5;
// Echivalent cu a = a*b
a *= b;
console.log (a);

Ieșire:

50

Operator de repartizare a diviziei (/=)

Puteți utiliza operatorul de atribuire a diviziunii (/=) pentru a împărți valoarea operandului din stânga la valoarea operandului din dreapta și a atribui rezultatul operandului din stânga.

fie a = 10;
fie b = 5;
// Echivalent cu a = a/b
a /= b;
console.log (a);

Ieșire:

2

Operator de atribuire rest (%=)

Operatorul de atribuire a restului (%=) împarte operandul din stânga la operandul din dreapta și alocă restul operandului din stânga.

fie a = 10;
fie b = 5;
// Echivalent cu a = a%b
a %= b;
console.log (a);

Ieșire:

0

Operator de atribuire a exponentiatiei (**=)

Operatorul de atribuire a exponentiatiei (**=) ridică operandul din stânga la puterea operandului din dreapta și atribuie rezultatul operandului din stânga.

fie a = 10;
fie b = 5;
// Echivalent cu a = a**b
a **= b;
console.log (a);

Ieșire:

100000

Operatorii de atribuire pe biți (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) funcționează în mod similar. Veți afla despre operatorii pe biți în secțiunile următoare.

Legate de: O introducere în tipurile de date în JavaScript

3. Operatori șiruri

Operatorul de concatenare (+) este folosit pentru a concatena (a adăuga) șiruri.

let result = "Face" + "Folosește" + "Din";
console.log (rezultat);

Ieșire:

A te folosi de

4. Operatori de comparare

Operatorii de comparație sunt utilizați pentru a compara operanzi și returnează o valoare logică (Adevărat sau fals) pe bază de comparație. JavaScript oferă următorii operatori de comparare:

Operator egal (==)

Operatorul egal (==) se intoarce Adevărat dacă operanzii sunt egali. Compară doar valorile operanzilor, ignorând tipul lor în timpul comparării.

console.log (2==4);
console.log("2"==2);

Ieșire:

fals
Adevărat

Operator nu este egal(!=)

Operator nu este egal (!=) se intoarce Adevărat dacă operanzii nu sunt egali. De asemenea, ignoră tipul de operanzi în timpul comparării.

console.log (2!=4);
console.log (2!="2");

Ieșire:

Adevărat
fals

Operator strict egal ()

Operatorul strict egal () se intoarce Adevărat dacă operanzii sunt egali. Compară ambele - valorile și tipurile de operanzi în timp ce compară.

console.log (24);
console.log("2"2);

Ieșire:

fals
fals

Operator strict nu egal (!==)

Operatorul strict nu este egal (!==) se intoarce Adevărat dacă operanzii nu sunt egali. De asemenea, compară ambele - valorile și tipul de operanzi în timp ce compară.

console.log (2 !== 4);
console.log (2 !== "2");

Ieșire:

Adevărat
Adevărat

Mai mare decât operatorul (>)

Operatorul mai mare decât (>) returnează adevărat dacă operandul din stânga este mai mare decât operandul din dreapta.

console.log (10>4);
console.log (5>5);

Ieșire:

Adevărat
fals

Operator mai mare sau egal (>=)

Operatorul mai mare sau egal (>=) returnează adevărat dacă operandul din stânga este mai mare sau egal cu operandul din dreapta.

console.log (10 >= 4);
console.log (5 >= 5);

Ieșire:

Adevărat
Adevărat

Mai puțin decât operatorul (

Operatorul mai mic decât (<) returnează adevărat dacă operandul din stânga este mai mic decât operandul din dreapta.

console.log (10<4);
console.log (5<5);

Ieșire:

fals
fals

Operator mai mic sau egal(<=)

Operatorul mai mic sau egal (<=) returnează adevărat dacă operandul din stânga este mai mic sau egal cu operandul din dreapta.

console.log (10 <= 4);
console.log (5 <= 5);

Ieșire:

fals
Adevărat

Legate de: Cum să construiți un calculator simplu folosind HTML, CSS și JavaScript

5. Operatori logici

Potrivit oficialului MDN Docs, JavaScript oferă următorii operatori logici:

ȘI logic (&&)

Utilizare: expr1 && expr2

Returnează expr1 dacă poate fi convertit în false; în caz contrar, returnează expr2. Când este utilizat cu valori booleene, && se intoarce Adevărat dacă ambii operanzi sunt adevărati; altfel, revine fals.

console.log (adevărat && fals);

Ieșire:

fals

SAU logic (||)

Utilizare: expr1 || expr2

Returnează expr1 dacă poate fi convertit în adevărat; în caz contrar, returnează expr2. Când este utilizat cu valori booleene, || se intoarce Adevărat dacă oricare dintre operanzi este adevărat; dacă ambele sunt false, revine fals.

console.log (adevărat || fals);

Ieșire:

Adevărat

NU logic (!)

Utilizare: !expr

Se intoarce fals dacă singurul său operand poate fi convertit în adevărat; în caz contrar, revine Adevărat.

console.log(!true);

Ieșire:

fals

6. Operatori pe biți

JavaScript oferă următorii operatori pe biți:

Operator AND pe biți (&)

Acest operator efectuează un boolean ȘI operație pe fiecare bit al argumentelor sale întregi.

// În binar-
// 4: 100
// 1: 001
console.log (4 & 1);

Ieșire:

0

Operator SAU pe biți (|)

Acest operator efectuează un boolean SAU operație pe fiecare bit al argumentelor sale întregi.

console.log (4 | 1);

Ieșire:

5

Operator XOR pe biți (^)

Acest operator efectuează o exclusivitate booleană SAU operație pe fiecare bit al argumentelor sale întregi.

console.log (4 ^ 1);

Ieșire:

5

Operator NU pe biți (~)

Acest operator inversează toți biții din operand.

console.log(~4);

Ieșire:

-5

Notă: JavaScript convertește numerele în numere întregi semnate pe 32 de biți înainte de a efectua o operație pe biți. Și când operațiunea este efectuată, acesta convertește rezultatul înapoi în numere JavaScript pe 64 de biți.

Operator de schimbare la stânga (<

Acest operator mută toți biții din primul său operand la stânga cu numărul de locuri specificat în al doilea operand.

console.log (4<<1);

Ieșire:

8

Operator schimbare dreapta (>>)

Acest operator mută toți biții din primul său operand la dreapta cu numărul de locuri specificat în al doilea operand.

console.log (4>>1);

Ieșire:

2

7. Operatori speciali

Operator ternar

Operatorul ternar este prescurtarea lui declarație dacă-altfel. El atribuie valoare unei variabile pe baza unei condiții, sintaxa pentru aceasta este:

condiție? valoare1: valoare2

Dacă condiția este adevărată, operatorul returnează valoarea lui valoare1. În caz contrar, returnează valoarea lui valoarea2.

fie rezultatul = (200>100)? "Da nu";
console.log (rezultat);

Ieșire:

da

Tip de operator

The tip de operatorul este folosit pentru a găsi tipul de date al unei valori sau variabile.

console.log (tip de (100));
console.log (typeof("100"));

Ieșire:

număr
şir

Utilizați JavaScript One-Liners pentru a codifica ca un profesionist

Puteți efectua o gamă largă de operațiuni folosind doar o singură linie de cod în JavaScript. Indiferent dacă trebuie să amestecați o matrice, să detectați modul întunecat într-un browser, să generați UUID aleatoriu sau să găsiți media unei matrice, o puteți obține doar cu o linie de cod.

11 JavaScript One-Liners pe care ar trebui să le cunoașteți

Obțineți multe cu doar un mic cod folosind această gamă largă de versiuni JavaScript.

Citiți în continuare

Despre autor