7 JavaScript-operaattorityyppiä, jotka sinun on tiedettävä

Operaattori on symboli, joka käskee tulkin suorittamaan tietyn matemaattisen, relaatio- tai loogisen toiminnon. Operaattorit ottavat yhden tai useamman operandin ja pystyvät manipuloimaan kohdearvoja tai -operandeja.

Tässä artikkelissa opit JavaScriptin eri operaattoreista ja niiden käyttämisestä esimerkkien avulla.

JavaScript-operaattorityypit

Nämä ovat erilaisia ​​​​operaattoreita, joita JavaScript tukee:

1. Aritmeettiset operaattorit
2. Tehtäväoperaattorit
3. Merkkijonooperaattorit
4. Vertailuoperaattorit
5. Loogiset operaattorit
6. Bittikohtaiset operaattorit
7. Erikoisoperaattorit

1. Aritmeettiset operaattorit

Voit käyttää aritmeettisia operaattoreita matemaattisten laskutoimitusten suorittamiseen operandeille. JavaScript tarjoaa seuraavat aritmeettiset operaattorit:

Lisäoperaattori (+)

Voit käyttää summausoperaattoria (+) suorittamaan operandien yhteenlasku.

olkoon a = 12;
olkoon b = 10;
olkoon tulos = a+b;
console.log (tulos)
console.log (1+2);
console.log (a+6);

Lähtö:

22
3
18

Vähennysoperaattori (-)

Käytä vähennysoperaattoria (-) vähentääksesi oikean operandin vasemmasta operaandista.

olkoon a = 10;
olkoon b = 4;
olkoon tulos = a-b;
console.log (tulos);
console.log (23-20);

Lähtö:

6
3

Kertooperaattori (*)

Käytä kertolaskuoperaattoria (*) kertoaksesi operandit.

olkoon a = 10;
olkoon b = 4;
olkoon tulos = a*b;
console.log (tulos);
console.log (23*20);

Lähtö:

40
460

Osaston operaattori (/)

Voit käyttää jako-operaattoria (/) jako operandeille.

olkoon a = 10;
olkoon b = 4;
olkoon tulos = a/b;
console.log (tulos);
console.log (40/20);

Lähtö:

2.5
2

Moduulioperaattori (%)

Moduulioperaattori (%) palauttaa kokonaisluvun jäännöksen jakamalla kaksi operandia.

olkoon a = 10;
olkoon b = 4;
olkoon tulos = a%b;
console.log (tulos);
console.log (40 %20);

Lähtö:

2
0

Eksponenttioperaattori (**)

Eksponenttioperaattori (**) laskee kantaluvun eksponentin potenssiin (kanta^eksponentti).

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

Lähtö:

81

Lisäoperaattori (++)

Kasvuoperaattori (++) lisää kokonaisluvun arvoa yhdellä.

olkoon a = 3;
// Arvo a=4 ja palauttaa 4
console.log(++a);
// Arvo a=5 ja palauttaa 4
console.log (a++);
// Arvo a=5 ja palauttaa 5
console.log (a);

Lähtö:

4
4
5

Vähennä operaattoria (--)

Vähennysoperaattori (--) pienentää kokonaisluvun arvoa yhdellä.

olkoon a = 3;
// Arvo a=2 ja palauttaa 2
console.log(--a);
// Arvo a=1 ja palauttaa 2
console.log (a--);
// Arvon a=1 ja palauttaa arvon 1
console.log (a);

Lähtö:

2
2
1

Unary Plus -operaattori(+)

Unary plus -operaattori (+) yrittää muuntaa operandin luvuksi, jos se ei ole jo yksi.

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

Lähtö:

merkkijono
määrä
boolean
määrä

Unaarinen negatiivinen operaattori (-)

Unaarinen negaatiooperaattori (-) palauttaa operandinsa negation.

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

Lähtö:

-10

2. Tehtäväoperaattorit

Käytä määritysoperaattoreita arvojen määrittämiseen muuttujille. JavaScript tarjoaa seuraavat määritysoperaattorit:

Tehtäväoperaattori(=)

Voit käyttää tehtäväoperaattoria (=) määrittääksesi oikean operandin arvon vasemmalle operandille.

// 10:n määrittäminen a
olkoon a = 10;
console.log (a);

Lähtö:

10

Lisäystehtäväoperaattori (+=)

Lisäystehtäväoperaattori (+=) käytetään lisäämään vasemman ja oikean operandin arvot ja osoittamaan tulos vasemmalle operandille.

olkoon a = 10;
olkoon b = 5;
// Vastaa a = a+b
a += b;
console.log (a);

Lähtö:

15

Vähennystehtävän operaattori (-=)

Vähennyksen määritysoperaattori (-=) vähentää oikean operandin vasemmasta operaandista ja määrittää tuloksen vasemmalle operandille.

olkoon a = 10;
olkoon b = 5;
// Vastaa a = a-b
a - = b;
console.log (a);

Lähtö:

5

Kertolaskuoperaattori (*=)

Käytä kertolaskuoperaattoria (*=) kertoaksesi vasemman ja oikean operandin arvot ja määrittääksesi tuloksen vasemmalle operandille.

olkoon a = 10;
olkoon b = 5;
// Vastaa a = a*b
a *= b;
console.log (a);

Lähtö:

50

Osaston siirtooperaattori (/=)

Voit käyttää jakotehtäväoperaattoria (/=) jakaaksesi vasemman operandin arvon oikean operandin arvolla ja määrittääksesi tuloksen vasemmalle operandille.

olkoon a = 10;
olkoon b = 5;
// Vastaa a = a/b
a /= b;
console.log (a);

Lähtö:

2

Jäljellä olevan osan määritysoperaattori (%=)

Loput tehtävän operaattori (%=) jakaa vasemman operandin oikealla operandilla ja määrittää jäännöksen vasemmalle operandille.

olkoon a = 10;
olkoon b = 5;
// Vastaa a = a%b
a % = b;
console.log (a);

Lähtö:

0

Eksponenttimääräysoperaattori (**=)

Eksponenttimääräysoperaattori (**=) nostaa vasemman operandin oikean operandin potenssiin ja määrittää tuloksen vasemmalle operandille.

olkoon a = 10;
olkoon b = 5;
// Vastaa a = a**b
a** = b;
console.log (a);

Lähtö:

100000

Bittikohtaiset osoitusoperaattorit (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) toimivat samalla tavalla. Opit bittikohtaisista operaattoreista tulevissa osioissa.

Aiheeseen liittyvä: Johdatus JavaScriptin tietotyyppeihin

3. Merkkijonooperaattorit

Yhdistelmäoperaattori (+) käytetään merkkijonojen ketjuttamiseen (lisäämiseen).

let result = "Make" + "Use" + "Of";
console.log (tulos);

Lähtö:

Hyödyntää

4. Vertailuoperaattorit

Vertailuoperaattoreita käytetään operandien vertailuun ja se palauttaa loogisen arvon (totta tai väärä) vertailun perusteella. JavaScript tarjoaa seuraavat vertailuoperaattorit:

Tasainen operaattori (==)

Tasa-arvoinen operaattori (==) palaa totta jos operandit ovat yhtä suuret. Se vertaa vain operandien arvoja jättäen huomioimatta niiden tyypin vertailun aikana.

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

Lähtö:

väärä
totta

Ei yhtäläinen operaattori(!=)

Ei sama operaattori (!=) palaa totta jos operandit eivät ole yhtä suuret. Se jättää huomioimatta myös operandityypin vertailun aikana.

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

Lähtö:

totta
väärä

Strict Equal -operaattori ()

Tiukka tasa-arvoinen operaattori () palaa totta jos operandit ovat yhtä suuret. Se vertailee molempia – operandien arvoja ja tyyppejä vertailun aikana.

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

Lähtö:

väärä
väärä

Tiukka ei tasavertainen operaattori (!==)

Tiukka ei tasa-arvoinen operaattori (!==) palaa totta jos operandit eivät ole yhtä suuret. Se myös vertailee molempia – operandien arvoja ja tyyppejä vertailun aikana.

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

Lähtö:

totta
totta

Suurempi kuin operaattori (>)

Suurempi kuin operaattori (>) palauttaa tosi, jos vasen operandi on suurempi kuin oikea operandi.

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

Lähtö:

totta
väärä

Suurempi tai yhtä suuri operaattori (>=)

Suurempi tai yhtä suuri operaattori (>=) palauttaa tosi, jos vasen operandi on suurempi tai yhtä suuri kuin oikea operandi.

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

Lähtö:

totta
totta

Vähemmän kuin käyttäjä (

Pienempi kuin -operaattori (<) palauttaa tosi, jos vasen operandi on pienempi kuin oikea operandi.

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

Lähtö:

väärä
väärä

Pienempi tai yhtä suuri operaattori(<=)

Pienempi tai yhtä suuri operaattori (<=) palauttaa tosi, jos vasen operandi on pienempi tai yhtä suuri kuin oikea operandi.

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

Lähtö:

väärä
totta

Aiheeseen liittyvä: Kuinka rakentaa yksinkertainen laskin HTML: n, CSS: n ja JavaScriptin avulla

5. Loogiset operaattorit

Virkamiehen mukaan MDN-dokumentit, JavaScript tarjoaa seuraavat loogiset operaattorit:

Looginen JA (&&)

Käyttö: laus1 && laus2

Palauttaa expr1, jos se voidaan muuntaa false; muussa tapauksessa palauttaa expr2. Kun sitä käytetään Boolen arvojen kanssa, && palaa totta jos molemmat operandit ovat tosi; muuten se palaa väärä.

console.log (tosi && false);

Lähtö:

väärä

Looginen TAI (||)

Käyttö: lause1 || lauseke2

Palauttaa expr1, jos se voidaan muuntaa tosi; muussa tapauksessa palauttaa expr2. Kun sitä käytetään Boolen arvojen kanssa, || palaa totta jos jompikumpi operandi on tosi; jos molemmat ovat vääriä, palauttaa väärä.

console.log (tosi || false);

Lähtö:

totta

Looginen EI (!)

Käyttö: !expr

Palauttaa väärä jos sen yksi operandi voidaan muuntaa tosi; muuten palaa totta.

console.log(!true);

Lähtö:

väärä

6. Bittikohtaiset operaattorit

JavaScript tarjoaa seuraavat bittikohtaiset operaattorit:

Bittikohtainen AND operaattori (&)

Tämä operaattori suorittaa Boolen JA operaatio sen kokonaislukuargumenttien jokaisella bitillä.

// Binäärimuodossa-
// 4: 100
// 1: 001
console.log (4 & 1);

Lähtö:

0

Bittikohtainen TAI -operaattori (|)

Tämä operaattori suorittaa Boolen TAI operaatio sen kokonaislukuargumenttien jokaisella bitillä.

console.log (4 | 1);

Lähtö:

5

Bitwise XOR-operaattori (^)

Tämä operaattori suorittaa Boolen yksinomaisen TAI operaatio sen kokonaislukuargumenttien jokaisella bitillä.

console.log (4 ^ 1);

Lähtö:

5

Bitwise EI operaattori (~)

Tämä operaattori kääntää kaikki bitit operandissa.

console.log(~4);

Lähtö:

-5

Huomautus: JavaScript muuntaa luvut 32-bittisiksi etumerkillisiksi kokonaisluvuiksi ennen bittikohtaisen toiminnon suorittamista. Ja kun toiminto suoritetaan, se muuntaa tuloksen takaisin 64-bittisiksi JavaScript-luvuiksi.

Vasen vuorooperaattori (<

Tämä operaattori siirtää kaikki ensimmäisen operandinsa bitit vasemmalle toisessa operandissa määritetyn määrän paikkoja.

console.log (4<<1);

Lähtö:

8

Oikean vaihteen kuljettaja (>>)

Tämä operaattori siirtää kaikki ensimmäisen operandinsa bitit oikealle toisessa operandissa määritellyn määrän paikkoja.

console.log (4>>1);

Lähtö:

2

7. Erikoisoperaattorit

Kolmiosainen operaattori

Kolmiosainen operaattori on sanan lyhenne jos-muuten lausunto. Se antaa muuttujalle arvon ehdon perusteella, jonka syntaksi on:

kunto? arvo1: arvo2

Jos ehto on tosi, operaattori palauttaa arvon arvo1. Muussa tapauksessa se palauttaa arvon arvo2.

olkoon tulos = (200>100)? "Kyllä ei";
console.log (tulos);

Lähtö:

Joo

Operaattorin tyyppi

The tyyppi -operaattoria käytetään arvon tai muuttujan tietotyypin etsimiseen.

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

Lähtö:

määrä
merkkijono

Käytä JavaScript One-Linereita koodataksesi kuin ammattilainen

Voit suorittaa monenlaisia ​​toimintoja käyttämällä vain yhtä koodiriviä JavaScriptissä. Haluatpa sitten sekoittaa taulukon, havaita selaimen pimeän tilan, luoda satunnaisen UUID-tunnuksen tai löytää taulukon keskiarvon, voit saavuttaa sen vain koodirivillä.

11 JavaScript One-Lineriä, jotka sinun pitäisi tietää

Saavuta paljon pienellä koodilla käyttämällä tätä laajaa JavaScript-yhteensopivuusvalikoimaa.

Lue Seuraava

Kirjailijasta