JavaScript operátorok ismertetése (JS aritmetikai, értékadó, összehasonlító, logikai, bitenkénti és típus operátor bemutatása)
Feltehetőleg már te is találkoztál az operátorok kifejezéssel, ha úgy gondolod, hogy nem, valószínűleg akkor is találkoztál már operátorral, csak nem tudsz róla. Hiszen az operátorok a matematikában is feltűntek. Ott a különböző műveleteket jelentették. Mi viszont ebben a leckében a JavaScript-ben fellelhető és használható operátorokkal fogunk megismerkedni.
Mik azok az operátorok?
Most is a WikiPédiát segítségül hívva definiáljuk a témánk főfogalmát: ,,Az algebrában és számítógéptudományban: műveleti jel, a műveletek elnevezésére használt szimbólum.”
Ebből kiindulva én úgy fogalmaznék, hogy operátoroknak nevezzük azokat a nem-szöveges szimbólumokat, amelyek valamilyen műveletet írnak le. A legegyszerűbb ilyen műveletek az összeadás, a kivonás, a szorzás és az osztás. Ezek az alapvető operátorok minden programnyelvben megtalálhatóak, de ezenfelül is számos operátor létezik. Az operátorok programozási nyelvenként eltérhetnek, van amelyik többet tartalmaz, van amelyik kevesebbet, illetve van olyan nyelv, ahol egy-egy operátort másképp kell leírni. Ebben a cikkben a JavaScript operátorait tárgyaljuk.
Nézzük meg, hogy milyen operátorokat különböztetünk meg a JS-ben:
- Aritmetikai operátorok
- Értékadó operátorok
- Összehasonlító operátorok
- Logikai operátorok
- Bitenkénti operátorok
- Típus operátorok
JavaScript aritmetikai operátorok
Legelőször ismerkedjünk meg az aritmetikai operátorokkal. Próbálhatnám hosszasan magyarázni az aritmetika fogalmát, de nem egy egyszerű téma, a szóra rákeresve az első öt találat teljesen másképp írja le. De hogy mégis eltudjuk valahova helyezni ezt a kifejezést, legyen elég annyi, hogy az aritmetika az összeadás, a kivonás, az osztás és a szorzás műveleteivel foglalkozik. Más szóval hívhatjuk mennyiségtannak vagy számtannak is.
Mint ahogy fentebb említettük a legegyszerűbb operátorok közé sorolható az összeadás, a kivonás, a szorzás és az osztás is, de ezeken felül lentebb még több aritmetikai operátort találhattok.
Operátor | Példa | Eredmény | Leírás |
---|---|---|---|
+ | 5+2 | 7 | összeadás |
– | 5-2 | 3 | kivonás |
* | 5*2 | 10 | szorzás |
** | 5**2 | 25 | hatványozás |
/ | 5/2 | 2,5 | osztás |
% | 5%2 | 1 | a maradékot adja vissza |
++ | 5++ | 6 | eggyel növeli az értékét |
— | 5– | 4 | eggyel csökkenti az értékét |
JavaScript értékadó operátorok
A következő operátorcsoport a JavaScript-ben az értékadó, egyes esetekben hívhatnánk akár értékmódosító operátoroknak is őket, mert egy változó már létező értékét cseréli le egy másikra. A legegyszerűbb értékadó operátorunk az egyenlőség, hiszen segítségével egy értékkel ruházhatunk fel egy változót. A „Példa” elnevezésű oszlopban láthatod, hogy hogyan írjuk egyszerűsítve az „Így is írhatnánk” oszlopban található műveletet.
Operátor | Példa | Így is írhatnánk | Leírás |
---|---|---|---|
= | x = 5 | x = 5 | értékadás |
+= | x += 5 | x = x + 5 | az alapértéket növeli |
-= | x -= 5 | x = x – 5 | az alapértéket csökkenti |
*= | x *= 5 | x = x * 5 | az alapértéket szorozza |
/= | x /= 5 | x = x / 5 | az alapértéket osztja |
%= | x %= 5 | x = x % 5 | a maradékkal lesz egyenlő az x |
**= | x **= 5 | x = x ** 5 | x egyenlő lesz a hatványraemeléssel |
JavaScript összehasonlító operátorok
Az összehasonlító operátorokat egy feltétel során szoktuk felhasználni, segítségükkel megvizsgálhatjuk a változókat, vagy szimpla értékeket. Többek között azt, hogy egy változó értéke egyenlő-e az általunk várt értékkel vagy sem. A vizsgálat után dönthetünk a továbbhaladásról.
Operátor | Példa | Eredmény | Leírás |
---|---|---|---|
== | „5” == 5 | igaz | egyenlő-e a két érték |
=== | „5” === 5 | hamis | a két érték és a típusúk egyenlő-e |
!= | „5” != 5 | hamis | nem egyenlő |
!== | „5” !== 5 | igaz | értékük vagy típusuk nem egyenlő |
> | 5 > 2 | igaz | nagyobb-e |
< | 5 < 2 | hamis | kisebb-e |
>= | 5 >= 2 | igaz | nagyobb vagy egyenlő |
<= | 5 <= 2 | hamis | kisebb vagy egyenlő |
? | (5 < 2 ) ? igaz : hamis; | hamis | hármas operátor (a ? elé megy a feltétel, a : elé az igaz ág, a : mögé a hamis ág) |
JavaScript logikai operátorok
A logikai operátorokat is feltételek írásakor szoktuk felhasználni. Arra valók, hogy több feltételt fűzzünk össze, azaz megtehetjük, hogy olyan elágazást írunk, amely csak akkor halad tovább, ha az összes feltételünk igaz. Például, csak akkor engedjük be a felhasználót a weboldalunkra, ha elmúlt 18 éves és be van jelentkezve. Ezt egy „LOGIKAI ÉS” operátorral tudjuk végrehajtani, mert mind a két feltételnek teljesülnie kell.
Operátor | Leírás |
---|---|
&& | LOGIKAI ÉS (mindegyik feltétel igaz) |
|| | LOGIKAI VAGY (legalább az egyik feltétel igaz) |
! | LOGIKAI NEM (a feltétel nem igaz) |
JavaScript bitenkénti operátorok
A JavaScript bitenkénti operátorával bitekre vonatkozó műveleteket tudunk végrehajtani. Ezek az operátorok a vizsgálatokat nem decimálisan, hanem bitszinten végzik el.
Operátor | Leírás | Példa | Így is írhatnánk | Eredmény | Decimálisan |
---|---|---|---|---|---|
& | és (AND) | 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | vagy (OR) | 5 | 1 | 0101 | 0001 | 0101 | 5 |
~ | nem (NOT) | ~ 5 | ~0101 | 1010 | 10 |
^ | kizáró vagy (XOR) | 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
<< | nullával kitöltés balra eltolással | 5 << 1 | 0101 << 1 | 1010 | 10 |
>> | aláírt jobbra eltolás | 5 >> 1 | 0101 >> 1 | 0010 | 2 |
>>> | nullával kitöltés jobbra eltolással | 5 >>> 1 | 0101 >>> 1 | 0010 | 2 |
JavaScript típus operátorok
A típus operátorok segítségével egy objektum vagy változó típusára vonatkozó vizsgálatokat tudunk végezni. Például megvizsgálhatjuk, hogy milyen egy változó típusa vagy pedig azt, hogy egy objektumtípus példánya-e az objektum.
Operátor | Leírás |
---|---|
typeof | egy változó típusával tér vissza |
instanceof | igaz értéket ad vissza, ha az objektum egy objektumtípus példánya |