7 typů JavaScriptových operátorů, které musíte znát

Operátor je symbol, který říká interpretovi, aby provedl určitou matematickou, relační nebo logickou operaci. Operátoři berou jeden nebo více operandů a jsou schopni manipulovat s cílovými hodnotami nebo operandy.

V tomto článku se s příklady dozvíte o různých operátorech v JavaScriptu a o tom, jak je používat.

Typy operátorů JavaScript

Toto jsou různé operátory, které JavaScript podporuje:

1. Aritmetické operátory
2. Operátoři přiřazení
3. Řetězcové operátory
4. Srovnávací operátory
5. Logické operátory
6. Bitové operátory
7. Speciální operátoři

1. Aritmetické operátory

K provádění matematických výpočtů na operandech můžete použít aritmetické operátory. JavaScript poskytuje následující aritmetické operátory:

Operátor přidání (+)

Můžete použít operátor přidání (+) k provedení sčítání operandů.

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

Výstup:

22
3
18

Operátor odčítání (-)

Použijte operátor odčítání (-) pro odečtení pravého operandu od levého operandu.

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

Výstup:

6
3

Operátor násobení (*)

Použijte operátor násobení (*) pro vynásobení operandů.

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

Výstup:

40
460

Operátor divize (/)

Můžete použít operátor divize (/) provést dělení na operandech.

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

Výstup:

2.5
2

Modulový operátor (%)

Operátor modulu (%) vrátí celočíselný zbytek ponořením dvou operandů.

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

Výstup:

2
0

Operátor umocnění (**)

Operátor umocnění (**) vypočítá základ na mocninu exponentu (základ^exponent).

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

Výstup:

81

Operátor zvýšení (++)

Operátor přírůstku (++) zvýší celočíselnou hodnotu o jedna.

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

Výstup:

4
4
5

Operátor snížení (--)

Operátor snížení (--) sníží celočíselnou hodnotu o jednu.

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

Výstup:

2
2
1

Unary Plus operátor (+)

Jednočlenný operátor plus (+) se pokusí převést operand na číslo, pokud ještě není.

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

Výstup:

tětiva
číslo
booleovský
číslo

Operátor unární negace (-)

Operátor unární negace (-) vrátí negaci svého operandu.

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

Výstup:

-10

2. Operátoři přiřazení

K přiřazení hodnot proměnným použijte operátory přiřazení. JavaScript poskytuje následující operátory přiřazení:

Operátor přiřazení(=)

Můžete použít operátor přiřazení (=), chcete-li přiřadit hodnotu pravého operandu levému operandu.

// Přiřazení 10 k a
nechť a = 10;
console.log (a);

Výstup:

10

Operátor přiřazení přidání (+=)

Operátor přiřazení sčítání (+=) se používá k přidání hodnot levého a pravého operandu a přiřazení výsledku k levému operandu.

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

Výstup:

15

Operátor přiřazení odčítání (-=)

Operátor přiřazení odčítání (-=) odečte pravý operand od levého a výsledek přiřadí levému operandu.

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

Výstup:

5

Operátor přiřazení násobení (*=)

Použijte operátor přiřazení násobení (*=) pro vynásobení hodnot levého a pravého operandu a přiřazení výsledku levému operandu.

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

Výstup:

50

Operátor přidělení divize (/=)

Můžete použít operátor přiřazení dělení (/=) pro vydělení hodnoty levého operandu hodnotou pravého operandu a přiřazení výsledku levému operandu.

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

Výstup:

2

Operátor přiřazení zbytku (%=)

Operátor přiřazení zbytku (%=) dělí levý operand pravým operandem a zbytek přiřazuje levému operandu.

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

Výstup:

0

Operátor přiřazení umocnění (**=)

Operátor přiřazení umocnění (**=) zvýší levý operand na mocninu pravého operandu a přiřadí výsledek levému operandu.

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

Výstup:

100000

Operátory bitového přiřazení (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) fungují podobně. O bitových operátorech se dozvíte v následujících částech.

Příbuzný: Úvod do datových typů v JavaScriptu

3. Řetězcové operátory

Operátor zřetězení (+) se používá ke zřetězení (přidání) řetězců.

let result = "Make" + "Use" + "of";
console.log (výsledek);

Výstup:

MakeUseOf

4. Porovnávací operátory

Porovnávací operátory se používají k porovnání operandů a vrací logickou hodnotu (skutečný nebo Nepravdivé) na základě srovnání. JavaScript poskytuje následující operátory porovnání:

Rovný operátor (==)

Rovný operátor (==) se vrací skutečný pokud jsou operandy stejné. Porovnává pouze hodnoty operandů, přičemž při porovnávání ignoruje jejich typ.

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

Výstup:

Nepravdivé
skutečný

Nerovný operátor(!=)

Nerovný operátor (!=) se vrací skutečný pokud se operandy nerovnají. Při porovnávání také ignoruje typ operandů.

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

Výstup:

skutečný
Nepravdivé

Operátor Strict Equal ()

Přísný stejný operátor () se vrací skutečný pokud jsou operandy stejné. Při porovnávání porovnává obojí – hodnoty a typy operandů.

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

Výstup:

Nepravdivé
Nepravdivé

Přísný nerovný operátor (!==)

Přísný nerovný operátor (!==) se vrací skutečný pokud se operandy nerovnají. Při porovnávání také porovnává obojí – hodnoty a typ operandů.

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

Výstup:

skutečný
skutečný

Větší než operátor (>)

Operátor větší než (>) vrátí hodnotu true, pokud je levý operand větší než pravý operand.

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

Výstup:

skutečný
Nepravdivé

Operátor větší než nebo rovný (>=)

Operátor větší nebo rovno (>=) vrátí hodnotu true, pokud je levý operand větší nebo roven pravému operandu.

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

Výstup:

skutečný
skutečný

Méně než operátor (

Operátor menší než (<) vrátí hodnotu true, pokud je levý operand menší než pravý operand.

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

Výstup:

Nepravdivé
Nepravdivé

Operátor menší nebo rovno (<=)

Operátor menší nebo rovno (<=) vrátí hodnotu true, pokud je levý operand menší nebo roven pravému operandu.

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

Výstup:

Nepravdivé
skutečný

Příbuzný: Jak vytvořit jednoduchou kalkulačku pomocí HTML, CSS a JavaScriptu

5. Logické operátory

Podle úředníka Dokumenty MDN, JavaScript poskytuje následující logické operátory:

Logické AND (&&)

Používání: expr1 && expr2

Vrátí expr1, pokud jej lze převést na false; jinak vrátí expr2. Při použití s ​​booleovskými hodnotami && se vrací skutečný pokud jsou oba operandy pravdivé; jinak se vrátí Nepravdivé.

console.log (true && false);

Výstup:

Nepravdivé

Logické NEBO (||)

Používání: expr1 || expr2

Vrátí expr1, pokud jej lze převést na true; jinak vrátí expr2. Při použití s ​​booleovskými hodnotami || se vrací skutečný je-li kterýkoli z operandů pravdivý; jsou-li obě nepravdivé, vrátí Nepravdivé.

console.log (true || false);

Výstup:

skutečný

Logické NE (!)

Používání: !expr

Návraty Nepravdivé pokud lze jeho jediný operand převést na true; jinak se vrací skutečný.

console.log(!true);

Výstup:

Nepravdivé

6. Bitové operátory

JavaScript poskytuje následující bitové operátory:

Bitový operátor AND (&)

Tento operátor provádí booleovskou hodnotu A operace s každým bitem jeho celočíselných argumentů.

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

Výstup:

0

Bitový operátor OR (|)

Tento operátor provádí booleovskou hodnotu NEBO operace s každým bitem jeho celočíselných argumentů.

console.log (4 | 1);

Výstup:

5

Bitový operátor XOR (^)

Tento operátor provádí logickou exkluzivitu NEBO operace s každým bitem jeho celočíselných argumentů.

console.log (4 ^ 1);

Výstup:

5

Bitový operátor NOT (~)

Tento operátor obrátí všechny bity v operandu.

console.log(~4);

Výstup:

-5

Poznámka: JavaScript převádí čísla na 32bitová celá čísla se znaménkem před provedením bitové operace. A když je operace provedena, převede výsledek zpět na 64bitová čísla JavaScriptu.

Operátor levé směny (<

Tento operátor posune všechny bity ve svém prvním operandu doleva o počet míst zadaných ve druhém operandu.

console.log (4<<1);

Výstup:

8

Operátor pravého posunu (>>)

Tento operátor posune všechny bity ve svém prvním operandu doprava o počet míst zadaný ve druhém operandu.

console.log (4>>1);

Výstup:

2

7. Speciální operátoři

Ternární operátor

Ternární operátor je zkratkou operátoru if- else prohlášení. Přiřazuje hodnotu proměnné na základě podmínky, její syntaxe je:

stav? hodnota1: hodnota2

Pokud je podmínka pravdivá, operátor vrátí hodnotu hodnota1. V opačném případě vrátí hodnotu hodnota2.

nechat výsledek = (200>100)? "Ano ne";
console.log (výsledek);

Výstup:

Ano

Typ operátora

The Typ operátor se používá k nalezení datového typu hodnoty nebo proměnné.

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

Výstup:

číslo
tětiva

Použijte JavaScript One-Liners pro kódování jako profesionál

Pomocí jediného řádku kódu v JavaScriptu můžete provádět širokou škálu operací. Ať už potřebujete zamíchat pole, detekovat tmavý režim v prohlížeči, vygenerovat náhodné UUID nebo najít průměr pole, můžete toho dosáhnout pouhým řádkem kódu.

11 JavaScript One-Liners, které byste měli vědět

Dosáhněte toho hodně s malým množstvím kódu pomocí této široké řady jednořádkových JavaScriptů.

Přečtěte si další

O autorovi