V tomto tutoriáli sa dozviete o rôznych operátoroch dostupných v JavaScripte a o tom, ako ich používať, pomocou príkladov.
Čo je prevádzkovateľ?
V JavaScripte je operátor špeciálny symbol používaný na vykonávanie operácií s operandmi (hodnotami a premennými). Napríklad,
2 + 3; // 5
Tu +
je operátor, ktorý vykonáva sčítanie a 2
a 3
sú operandy.
Typy operátorov JavaScriptu
Tu je zoznam rôznych operátorov, ktorých sa v tomto výučbe dozviete.
- Prevádzkovatelia pridelenia
- Aritmetické operátory
- Prevádzkovatelia porovnania
- Logickí operátori
- Bitoví operátori
- Prevádzkovatelia reťazcov
- Ostatní prevádzkovatelia
Operátori priradenia JavaScriptu
Na priradenie hodnôt k premenným sa používajú operátory priradenia . Napríklad,
const x = 5;
Tu sa =
operátor používa na priradenie hodnoty 5
premennej x
.
Tu je zoznam bežne používaných operátorov priradenia:
Prevádzkovateľ | názov | Príklad |
---|---|---|
= | Operátor zadania | a = 7; // 7 |
+= | Priradenie sčítania | a += 5; // a = a + 5 |
-= | Priradenie odčítania | a -= 2; // a = a - 2 |
*= | Priradenie násobenia | a *= 3; // a = a * 3 |
/= | Priradenie divízie | a /= 2; // a = a / 2 |
%= | Priradenie zvyšku | a %= 2; // a = a % 2 |
**= | Postúpenie postúpenia | a **= 2; // a = a**2 |
Poznámka: Bežne používaný operátor priradenia je =
. Budete rozumieť ďalšie operátormi priradenie, napríklad +=
, -=
, *=
atď., Akonáhle sa dozvieme aritmetické operátory.
Aritmetické operátory JavaScriptu
Aritmetické operátory sa používajú na vykonávanie aritmetických výpočtov . Napríklad,
const number = 3 + 5; // 8
Tu sa +
operátor používa na pridanie dvoch operandov.
Prevádzkovateľ | názov | Príklad |
---|---|---|
+ | Dodatok | x + y |
- | Odčítanie | x - y |
* | Násobenie | x * y |
/ | Divízia | x / y |
% | Zvyšok | x % y |
++ | Prírastok (prírastok o 1) | ++x alebo x++ |
-- | Pokles (pokles o 1) | --x alebo x-- |
** | Exponentiácia (výkon) | x ** y |
Príklad 1: Aritmetické operátory v JavaScripte
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);
Navštívte ++ a - operátor a dozviete sa viac.
Výkon
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 ** r = 125
Poznámka : Operátor ** bol predstavený v EcmaScript 2016 a niektoré prehľadávače ich nemusia podporovať. Ak sa chcete dozvedieť viac, navštívte podporu prehliadača umocňovania pomocou JavaScriptu.
Prevádzkovatelia porovnania JavaScriptu
Operátory porovnania porovnávajú dve hodnoty a vracajú logickú hodnotu, buď true
alebo false
. Napríklad,
const a = 3, b = 2; console.log(a> b); // true
Tu sa operátor porovnania >
používa na porovnanie, či a je väčšie ako b.
Prevádzkovateľ | Popis | Príklad |
---|---|---|
== | Rovná sa : vráti sa, true ak sú operandy rovnaké | x == y |
!= | Nerovná sa : vráti sa, true ak sa operandy nerovnajú | x != y |
=== | Prísne rovnaké : true ak sú operandy rovnaké a rovnakého typu | x === y |
!== | Prísne nerovná sa : true ak sú operandy rovnaké, ale rozdielneho typu alebo sa nerovnajú vôbec | x !== y |
> | Greater than : true if left operand is greater than the right operand | x> y |
>= | Väčší alebo rovný : true ak je ľavý operand väčší alebo rovný pravému operandu | x>= y |
< | Menej ako : true ak je ľavý operand menší ako pravý operand | x < y |
<= | Menšie alebo rovné : true ak je ľavý operand menší alebo rovný pravému operandu | x <= y |
Príklad 2: Porovnávacie operátory v JavaScripte
// 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
Poznámka: Pri +
použití s reťazcami vykoná zreťazenie. Ak +
sa však použije s číslami, vykoná sčítanie.
Ostatní prevádzkovatelia JavaScriptu
Tu je zoznam ďalších operátorov dostupných v JavaScripte. O týchto operátoroch sa dozviete v ďalších tutoriáloch.
Prevádzkovateľ | Popis | Príklad |
---|---|---|
, | vyhodnotí viac operandov a vráti hodnotu posledného operandu. | let a = (1, 3 , 4); // 4 |
?: | vráti hodnotu na základe podmienky | (5> 3) ? 'success' : 'error'; // "success" |
delete | vymaže vlastnosť objektu alebo prvok poľa | delete x |
typeof | vráti reťazec označujúci dátový typ | typeof 3; // "number" |
void | zahodí návratovú hodnotu výrazu | void(x) |
in | vráti, true ak je zadaná vlastnosť v objekte | prop in object |
instanceof | vráti, true ak je zadaný objekt zadaného typu objektu | object instanceof object_type |