A JavaScript-operátorok 7 típusa, amelyeket tudnia kell

Az operátor egy szimbólum, amely egy adott matematikai, relációs vagy logikai művelet végrehajtására utasítja az értelmezőt. Az operátorok egy vagy több operandust vesznek fel, és képesek a célértékek vagy operandusok manipulálására.

Ebből a cikkből példákkal ismerkedhet meg a JavaScript különböző operátoraival és használatukkal.

JavaScript operátortípusok

A JavaScript által támogatott különféle operátorok ezek:

1. Aritmetikai operátorok
2. Hozzárendelési operátorok
3. Karakterlánc operátorok
4. Összehasonlító operátorok
5. Logikai operátorok
6. Bitenkénti operátorok
7. Speciális operátorok

1. Aritmetikai operátorok

Az operandusokon matematikai számításokat végezhet aritmetikai operátorokkal. A JavaScript a következő aritmetikai operátorokat biztosítja:

Kiegészítő operátor (+)

Használhatja az összeadás operátort (+) összeadás végrehajtásához az operandusokon.

legyen a = 12;
legyen b = 10;
legyen eredmény = a+b;
console.log (eredmény)
console.log (1+2);
console.log (a+6);

Kimenet:

22
3
18

Kivonás operátor (-)

Használja a kivonás operátort (-) a jobb oldali operandus kivonása a bal oldali operandusból.

legyen a = 10;
legyen b = 4;
legyen eredmény = a-b;
console.log (eredmény);
console.log (23-20);

Kimenet:

6
3

Szorzóoperátor (*)

Használja a szorzó operátort (*) az operandusok szorzásához.

legyen a = 10;
legyen b = 4;
legyen eredmény = a*b;
console.log (eredmény);
console.log (23*20);

Kimenet:

40
460

Osztálykezelő (/)

Használhatja az osztás operátort (/) osztás végrehajtásához az operandusokon.

legyen a = 10;
legyen b = 4;
legyen eredmény = a/b;
console.log (eredmény);
console.log (40/20);

Kimenet:

2.5
2

Modulus operátor (%)

A modulus operátor (%) az egész szám maradékát adja vissza két operandus aláhúzásával.

legyen a = 10;
legyen b = 4;
legyen eredmény = a%b;
console.log (eredmény);
console.log (40%20);

Kimenet:

2
0

Hatványozási operátor (**)

A hatványozási operátor (**) kiszámítja az alapot a kitevő hatványához (alap^kitevő).

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

Kimenet:

81

Növelési operátor (++)

A növekmény operátor (++) eggyel növeli az egész szám értékét.

legyen a = 3;
// Az a=4 értéke és 4-et ad vissza
console.log(++a);
// Az a=5 értéke és 4-et ad vissza
console.log (a++);
// Az a=5 értéke és 5-öt ad vissza
console.log (a);

Kimenet:

4
4
5

Operátor csökkentése (--)

A csökkentő operátor (--) eggyel csökkenti az egész szám értékét.

legyen a = 3;
// Az a=2 értéke és 2-t ad vissza
console.log(--a);
// Az a=1 értéke és 2-t ad vissza
console.log (a--);
// Az a=1 értéke és 1-et ad vissza
console.log (a);

Kimenet:

2
2
1

Unary Plus Operator(+)

Az unáris plusz operátor (+) megpróbálja az operandust számmá alakítani, ha még nem az.

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

Kimenet:

húr
szám
logikai érték
szám

Unáris tagadó operátor (-)

Az unáris tagadó operátor (-) visszaadja operandusának tagadását.

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

Kimenet:

-10

2. Hozzárendelési operátorok

Használjon hozzárendelési operátorokat, hogy értékeket rendeljen a változókhoz. A JavaScript a következő hozzárendelési operátorokat biztosítja:

Hozzárendelés operátor (=)

Használhatja a hozzárendelés operátort (=) a jobb oldali operandus értékének a bal oldali operandushoz való hozzárendeléséhez.

// 10 hozzárendelése a
legyen a = 10;
console.log (a);

Kimenet:

10

Hozzárendelési operátor (+=)

A hozzárendelési operátor (+=) a bal és a jobb oldali operandusértékek hozzáadására és az eredmény hozzárendelésére szolgál a bal oldali operandushoz.

legyen a = 10;
legyen b = 5;
// Egyenértékű: a = a+b
a += b;
console.log (a);

Kimenet:

15

Kivonás hozzárendelés operátor (-=)

A kivonás hozzárendelés operátora (-=) kivonja a jobb oldali operandust a bal oldali operandusból, és az eredményt a bal oldali operandushoz rendeli.

legyen a = 10;
legyen b = 5;
// Egyenértékű: a = a-b
a -= b;
console.log (a);

Kimenet:

5

Szorzás hozzárendelési operátor (*=)

Használja a szorzási hozzárendelés operátort (*=) a bal és a jobb oldali operandus értékének szorzásához és az eredmény hozzárendeléséhez a bal oldali operandushoz.

legyen a = 10;
legyen b = 5;
// Egyenértékű: a = a*b
a *= b;
console.log (a);

Kimenet:

50

Osztály hozzárendelési operátor (/=)

Használhatja az osztás hozzárendelés operátort (/=) a bal oldali operandus értékének a jobb oldali operandus értékével való osztásához, és az eredmény hozzárendeléséhez a bal operandushoz.

legyen a = 10;
legyen b = 5;
// Egyenértékű: a = a/b
a /= b;
console.log (a);

Kimenet:

2

Maradék hozzárendelési operátor (%=)

A maradék hozzárendelés operátor (%=) osztja a bal oldali operandust a jobb oldali operandusszal, és a maradékot a bal oldali operandushoz rendeli.

legyen a = 10;
legyen b = 5;
// Egyenértékű: a = a%b
a %= b;
console.log (a);

Kimenet:

0

Hatványozási hozzárendelés operátora (**=)

A hatványozás hozzárendelési operátora (**=) a bal oldali operandust a jobb oldali operandus hatványára emeli, és az eredményt a bal operandushoz rendeli.

legyen a = 10;
legyen b = 5;
// Egyenértékű: a = a**b
a**= b;
console.log (a);

Kimenet:

100000

A bitenkénti hozzárendelési operátorok (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) hasonlóan működnek. A következő szakaszokban megtudhatja a bitenkénti operátorokat.

Összefüggő: Bevezetés a JavaScript adattípusaiba

3. String operátorok

Az összefűzési operátor (+) karakterláncok összefűzésére (adására) szolgál.

let result = "Make" + "Use" + "Of";
console.log (eredmény);

Kimenet:

Kihasználni

4. Összehasonlító operátorok

Az összehasonlító operátorok az operandusok összehasonlítására szolgálnak, és egy logikai értéket ad vissza (igaz vagy hamis) összehasonlítás alapján. A JavaScript a következő összehasonlító operátorokat biztosítja:

Egyenlő operátor (==)

Az egyenlő operátor (==) visszatér igaz ha az operandusok egyenlőek. Csak az operandusok értékeit hasonlítja össze, az összehasonlítás során figyelmen kívül hagyja azok típusát.

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

Kimenet:

hamis
igaz

Nem egyenlő kezelő(!=)

Nem egyenlő operátor (!=) visszatér igaz ha az operandusok nem egyenlőek. Az összehasonlítás során figyelmen kívül hagyja az operandusok típusát is.

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

Kimenet:

igaz
hamis

Szigorú egyenlőség operátor ()

A szigorú egyenlő operátor () visszatér igaz ha az operandusok egyenlőek. Összehasonlítja mindkettőt – az operandusok értékeit és típusait összehasonlítás közben.

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

Kimenet:

hamis
hamis

Szigorú, nem egyenlő operátor (!==)

A szigorú nem egyenlő operátor (!==) visszatér igaz ha az operandusok nem egyenlőek. Ezenkívül összehasonlítja mindkettőt – az operandusok értékét és típusát az összehasonlítás során.

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

Kimenet:

igaz
igaz

Nagyobb, mint a kezelő (>)

A nagyobb, mint operátor (>) igazat ad vissza, ha a bal oldali operandus nagyobb, mint a jobb oldali operandus.

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

Kimenet:

igaz
hamis

Nagyobb vagy egyenlő operátor (>=)

A nagyobb vagy egyenlő operátor (>=) igazat ad vissza, ha a bal oldali operandus nagyobb vagy egyenlő, mint a jobb oldali operandus.

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

Kimenet:

igaz
igaz

Kevesebb, mint a kezelő (

A kevesebb mint operátor (<) igazat ad vissza, ha a bal oldali operandus kisebb, mint a jobb oldali operandus.

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

Kimenet:

hamis
hamis

Kevesebb, mint vagy egyenlő operátor(<=)

A kisebb vagy egyenlő operátor (<=) igazat ad vissza, ha a bal oldali operandus kisebb vagy egyenlő, mint a jobb oldali operandus.

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

Kimenet:

hamis
igaz

Összefüggő: Hogyan készítsünk egyszerű számológépet HTML, CSS és JavaScript használatával

5. Logikai operátorok

Az illetékes szerint MDN dokumentumok, A JavaScript a következő logikai operátorokat biztosítja:

Logikai ÉS (&&)

Használat: kif1 && kif2

Az expr1 értéket adja vissza, ha false-re alakítható; ellenkező esetben az expr2. Ha logikai értékekkel használjuk, && visszatér igaz ha mindkét operandus igaz; ellenkező esetben visszatér hamis.

console.log (igaz és hamis);

Kimenet:

hamis

Logikai VAGY (||)

Használat: kif1 || kif2

Az expr1 értéket adja vissza, ha igazzá alakítható; ellenkező esetben az expr2. Ha logikai értékekkel használjuk, || visszatér igaz ha bármelyik operandus igaz; ha mindkettő hamis, visszaadja hamis.

console.log (igaz || hamis);

Kimenet:

igaz

Logikus NEM (!)

Használat: !expr

Visszatér hamis ha egyetlen operandusa igazra konvertálható; ellenkező esetben visszatér igaz.

console.log(!true);

Kimenet:

hamis

6. Bitenkénti operátorok

A JavaScript a következő bitenkénti operátorokat biztosítja:

Bitenkénti ÉS operátor (&)

Ez az operátor logikai értéket hajt végre ÉS művelet egész argumentumai minden bitjén.

// binárisan-
// 4: 100
// 1: 001
console.log (4 és 1);

Kimenet:

0

Bitenkénti VAGY operátor (|)

Ez az operátor logikai értéket hajt végre VAGY művelet egész argumentumai minden bitjén.

console.log (4 | 1);

Kimenet:

5

Bitenkénti XOR operátor (^)

Ez az operátor logikai exkluzív műveletet hajt végre VAGY művelet egész argumentumai minden bitjén.

console.log (4 ^ 1);

Kimenet:

5

Bitenkénti NEM operátor (~)

Ez az operátor megfordítja az operandus összes bitjét.

console.log(~4);

Kimenet:

-5

jegyzet: A JavaScript a számokat 32 bites előjelű egész számokká alakítja, mielőtt bitenkénti műveletet hajt végre. És amikor a műveletet végrehajtják, az eredményt 64 bites JavaScript számokká alakítja vissza.

Bal váltókezelő (<

Ez az operátor az első operandusban lévő összes bitet balra tolja a második operandusban megadott számú helyen.

console.log (4<<1);

Kimenet:

8

Jobb váltókezelő (>>)

Ez az operátor az első operandusban lévő összes bitet jobbra tolja a második operandusban megadott számú helyen.

console.log (4>>1);

Kimenet:

2

7. Speciális operátorok

Háromtagú operátor

A háromtagú operátor a rövidítése ha-más kijelentés. Egy feltétel alapján ad értéket egy változóhoz, ennek szintaxisa a következő:

állapot? érték1: érték2

Ha a feltétel igaz, az operátor az értékét adja vissza érték1. Ellenkező esetben az értékét adja vissza érték2.

legyen eredmény = (200>100)? "Igen nem";
console.log (eredmény);

Kimenet:

Igen

Üzemeltető típusa

Az típusú Az operátor egy érték vagy változó adattípusának meghatározására szolgál.

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

Kimenet:

szám
húr

Használjon JavaScript One-Line-ket a kódoláshoz, mint egy profi

A JavaScript egyetlen kódsorával számos műveletet hajthat végre. Akár egy tömböt kell keverni, akár sötét módot kell észlelnie a böngészőben, véletlenszerű UUID-t kell generálnia, vagy meg kell találnia egy tömb átlagát, ezt egy sor kóddal elérheti.

11 JavaScript egysoros, amit tudnia kell

Sokat érhet el egy kis kóddal a JavaScript egysorosok széles skálájával.

Olvassa el a következőt

A szerzőről