7 typov operátorov JavaScript, ktoré musíte poznať

Operátor je symbol, ktorý hovorí tlmočníkovi, aby vykonal špecifickú matematickú, vzťahovú alebo logickú operáciu. Operátori berú jeden alebo viac operandov a sú schopní manipulovať s cieľovými hodnotami alebo operandmi.

V tomto článku sa spolu s príkladmi dozviete o rôznych operátoroch v JavaScripte a o tom, ako ich používať.

Typy operátorov JavaScript

Toto sú rôzne operátory, ktoré JavaScript podporuje:

1. Aritmetické operátory
2. Operátori priradenia
3. Operátory reťazcov
4. Porovnávacie operátory
5. Logické operátory
6. Bitové operátory
7. Špeciálni operátori

1. Aritmetické operátory

Na vykonávanie matematických výpočtov s operandmi môžete použiť aritmetické operátory. JavaScript poskytuje nasledujúce aritmetické operátory:

Operátor pridania (+)

Môžete použiť operátor sčítania (+) na vykonanie sčítania operandov.

nech a = 12;
nech b = 10;
nech vysledok = a+b;
console.log (výsledok)
console.log (1+2);
console.log (a+6);

Výkon:

22
3
18

Operátor odčítania (-)

Použite operátor odčítania (-) na odčítanie pravého operandu od ľavého operandu.

nech a = 10;
nech b = 4;
nech vysledok = a-b;
console.log (výsledok);
console.log (23-20);

Výkon:

6
3

Operátor násobenia (*)

Použite operátor násobenia (*) na vynásobenie operandov.

nech a = 10;
nech b = 4;
nech vysledok = a*b;
console.log (výsledok);
console.log (23*20);

Výkon:

40
460

Operátor divízie (/)

Môžete použiť operátor divízie (/) vykonať delenie na operandoch.

nech a = 10;
nech b = 4;
nech vysledok = a/b;
console.log (výsledok);
console.log (40/20);

Výkon:

2.5
2

Modulový operátor (%)

Operátor modulu (%) vráti celý zvyšok delením dvoch operandov.

nech a = 10;
nech b = 4;
nech vysledok = a%b;
console.log (výsledok);
console.log (40%20);

Výkon:

2
0

Operátor umocnenia (**)

Operátor umocnenia (**) vypočíta základ na mocninu exponentu (základ^exponent).

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

Výkon:

81

Operátor zvýšenia (++)

Operátor prírastku (++) zvyšuje hodnotu celého čísla o jeden.

nech a = 3;
// Hodnota a=4 a vráti 4
console.log(++a);
// Hodnota a=5 a vráti 4
console.log (a++);
// Hodnota a=5 a vráti 5
console.log (a);

Výkon:

4
4
5

Operátor zníženia (--)

Operátor zníženia (--) zníži hodnotu celého čísla o jednu.

nech a = 3;
// Hodnota a=2 a vráti 2
console.log(--a);
// Hodnota a=1 a vráti 2
console.log (a--);
// Hodnota a=1 a vráti 1
console.log (a);

Výkon:

2
2
1

Unary Plus operátor (+)

Jednočlenný operátor plus (+) sa pokúsi previesť operand na číslo, ak ním ešte nie je.

console.log (typeof("10"));
console.log (typeof(+"10"));
console.log (typeof (false));
console.log (typeof(+false));

Výkon:

reťazec
číslo
boolovská hodnota
číslo

Operátor jednočlennej negácie (-)

Jednočlenný negačný operátor (-) vráti negáciu svojho operandu.

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

Výkon:

-10

2. Operátori pridelenia

Na priradenie hodnôt premenným použite operátory priradenia. JavaScript poskytuje nasledujúce operátory priradenia:

Operátor priradenia (=)

Môžete použiť operátor priradenia (=) na priradenie hodnoty pravého operandu ľavému operandu.

// Priradenie 10 k a
nech a = 10;
console.log (a);

Výkon:

10

Operátor priradenia sčítania (+=)

Operátor priradenia sčítania (+=) sa používa na pridanie hodnôt ľavého a pravého operandu a priradenie výsledku k ľavému operandu.

nech a = 10;
nech b = 5;
// Ekvivalent a = a+b
a + = b;
console.log (a);

Výkon:

15

Operátor priradenia odčítania (-=)

Operátor priradenia odčítania (-=) odpočíta pravý operand od ľavého a výsledok priradí ľavému operandu.

nech a = 10;
nech b = 5;
// Ekvivalent a = a-b
a -= b;
console.log (a);

Výkon:

5

Operátor priradenia násobenia (*=)

Použite operátor priradenia násobenia (*=) na vynásobenie hodnôt ľavého a pravého operandu a priradenie výsledku k ľavému operandu.

nech a = 10;
nech b = 5;
// Ekvivalent a = a*b
a *= b;
console.log (a);

Výkon:

50

Operátor pridelenia divízie (/=)

Môžete použiť operátor priradenia divízie (/=) vydelíte hodnotu ľavého operandu hodnotou pravého operandu a výsledok priradíte ľavému operandu.

nech a = 10;
nech b = 5;
// Ekvivalent a = a/b
a /= b;
console.log (a);

Výkon:

2

Operátor priradenia zvyšku (%=)

Operátor priradenia zvyšku (%=) rozdelí ľavý operand pravým operandom a zvyšok priradí ľavému operandu.

nech a = 10;
nech b = 5;
// Ekvivalent a = a%b
a %= b;
console.log (a);

Výkon:

0

Operátor priradenia umocnenia (**=)

Operátor priradenia umocnenia (**=) zvýši ľavý operand na mocninu pravého operandu a výsledok priradí ľavému operandu.

nech a = 10;
nech b = 5;
// Ekvivalent a = a**b
a **= b;
console.log (a);

Výkon:

100000

Operátory bitového priradenia (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) fungujú podobne. O bitových operátoroch sa dozviete v nasledujúcich častiach.

Súvisiace: Úvod do dátových typov v JavaScripte

3. Operátory reťazcov

Operátor zreťazenia (+) sa používa na zreťazenie (pridanie) reťazcov.

nech výsledok = "Vytvoriť" + "Použiť" + "Z";
console.log (výsledok);

Výkon:

Použiť

4. Porovnávacie operátory

Porovnávacie operátory sa používajú na porovnanie operandov a vracia logickú hodnotu (pravda alebo falošné) na základe porovnania. JavaScript poskytuje nasledujúce operátory porovnávania:

Rovnaký operátor (==)

Rovnaký operátor (==) sa vracia pravda ak sú operandy rovnaké. Porovnáva iba hodnoty operandov, pričom pri porovnávaní ignoruje ich typ.

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

Výkon:

falošné
pravda

Nerovnaký operátor(!=)

Nerovnaký operátor (!=) sa vracia pravda ak sa operandy nerovnajú. Pri porovnávaní tiež ignoruje typ operandov.

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

Výkon:

pravda
falošné

Striktný rovnaký operátor ()

Prísny rovnaký operátor () sa vracia pravda ak sú operandy rovnaké. Pri porovnávaní porovnáva oboje – hodnoty a typy operandov.

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

Výkon:

falošné
falošné

Prísny nerovnaký operátor (!==)

Striktný nerovnaký operátor (!==) sa vracia pravda ak sa operandy nerovnajú. Pri porovnávaní tiež porovnáva oboje – hodnoty a typ operandov.

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

Výkon:

pravda
pravda

Väčšie ako operátor (>)

Operátor väčší ako (>) vráti hodnotu true, ak je ľavý operand väčší ako pravý operand.

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

Výkon:

pravda
falošné

Operátor väčší ako alebo rovný (>=)

Operátor väčší alebo rovný (>=) vráti hodnotu true, ak je ľavý operand väčší alebo rovný pravému operandu.

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

Výkon:

pravda
pravda

Menej ako operátor (

Operátor menší ako (<) vráti hodnotu true, ak je ľavý operand menší ako pravý operand.

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

Výkon:

falošné
falošné

Operátor menší alebo rovný (<=)

Operátor menší alebo rovný (<=) vráti hodnotu true, ak je ľavý operand menší alebo rovný pravému operandu.

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

Výkon:

falošné
pravda

Súvisiace: Ako vytvoriť jednoduchú kalkulačku pomocou HTML, CSS a JavaScriptu

5. Logické operátory

Podľa úradníka Dokumenty MDNJavaScript poskytuje nasledujúce logické operátory:

Logické AND (&&)

Použitie: expr1 && expr2

Vráti výraz expr1, ak ho možno skonvertovať na false; v opačnom prípade vráti výraz expr2. Pri použití s ​​boolovskými hodnotami, && sa vracia pravda ak sú oba operandy pravdivé; v opačnom prípade sa vráti falošné.

console.log (pravda && nepravda);

Výkon:

falošné

Logické ALEBO (||)

Použitie: expr1 || expr2

Vráti výraz1, ak ho možno previesť na true; v opačnom prípade vráti výraz expr2. Pri použití s ​​boolovskými hodnotami, || sa vracia pravda ak je ktorýkoľvek z operandov pravdivý; ak sú obe nepravdivé, vráti sa falošné.

console.log (pravda || nepravda);

Výkon:

pravda

Logické NIE (!)

Použitie: !expr

Návraty falošné ak je možné jeho jediný operand previesť na true; v opačnom prípade sa vráti pravda.

console.log(!true);

Výkon:

falošné

6. Bitové operátory

JavaScript poskytuje nasledujúce bitové operátory:

Bitový operátor AND (&)

Tento operátor vykonáva booleovskú hodnotu A operácie s každým bitom jeho celočíselných argumentov.

// V binárnom -
// 4: 100
// 1: 001
console.log (4 a 1);

Výkon:

0

Bitový operátor OR (|)

Tento operátor vykonáva booleovskú hodnotu ALEBO operácie s každým bitom jeho celočíselných argumentov.

console.log (4 | 1);

Výkon:

5

Bitový operátor XOR (^)

Tento operátor vykonáva logickú exkluzivitu ALEBO operácie s každým bitom jeho celočíselných argumentov.

console.log (4 ^ 1);

Výkon:

5

Bitový operátor NOT (~)

Tento operátor obráti všetky bity v operande.

console.log(~4);

Výkon:

-5

Poznámka: JavaScript konvertuje čísla na 32-bitové celé čísla so znamienkom pred vykonaním bitovej operácie. A keď sa operácia vykoná, prevedie výsledok späť na 64-bitové čísla JavaScript.

Ľavý Shift operátor (<

Tento operátor posúva všetky bity vo svojom prvom operande doľava o počet miest špecifikovaných v druhom operande.

console.log (4<<1);

Výkon:

8

Operátor pravého posunu (>>)

Tento operátor posúva všetky bity vo svojom prvom operande doprava o počet miest špecifikovaných v druhom operande.

console.log (4>>1);

Výkon:

2

7. Špeciálni operátori

Ternárny operátor

Ternárny operátor je skratka if-others vyhlásenie. Priraďuje hodnotu premennej na základe podmienky, ktorej syntax je:

stav? hodnota1: hodnota2

Ak je podmienka pravdivá, operátor vráti hodnotu hodnota1. V opačnom prípade vráti hodnotu hodnota2.

nech výsledok = (200>100)? "Áno nie";
console.log (výsledok);

Výkon:

Áno

Typ Operátora

The Typ operátor sa používa na nájdenie dátového typu hodnoty alebo premennej.

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

Výkon:

číslo
reťazec

Použite JavaScript One-Liners na kódovanie ako profesionál

Pomocou jedného riadku kódu v JavaScripte môžete vykonávať širokú škálu operácií. Či už potrebujete zamiešať pole, zistiť tmavý režim v prehliadači, vygenerovať náhodné UUID alebo nájsť priemer poľa, môžete to dosiahnuť iba riadkom kódu.

11 JavaScript One-Liners, ktoré by ste mali vedieť

Dosiahnite veľa s malým množstvom kódu pomocou tejto širokej škály jednoduchých riadkov JavaScriptu.

Prečítajte si ďalej

O autorovi