7 tüüpi JavaScripti operaatoreid, mida peate teadma

Operaator on sümbol, mis käsib tõlgendajal sooritada konkreetne matemaatiline, relatsiooniline või loogiline tehte. Operaatorid võtavad ühe või mitu operandi ja on võimelised sihtväärtusi või operande manipuleerima.

Sellest artiklist saate näidete abil teavet JavaScripti erinevate operaatorite ja nende kasutamise kohta.

JavaScripti operaatori tüübid

Need on erinevad operaatorid, mida JavaScript toetab:

1. Aritmeetilised operaatorid
2. Määramise operaatorid
3. Stringoperaatorid
4. Võrdlusoperaatorid
5. Loogilised operaatorid
6. Bitioperaatorid
7. Spetsiaalsed operaatorid

1. Aritmeetilised operaatorid

Operandide matemaatiliste arvutuste tegemiseks saate kasutada aritmeetilisi tehteid. JavaScript pakub järgmisi aritmeetilisi tehteid:

Lisaoperaator (+)

Võite kasutada liitmise operaatorit (+) operandide liitmiseks.

olgu a = 12;
olgu b = 10;
olgu tulemus = a+b;
console.log (tulemus)
console.log (1+2);
console.log (a+6);

Väljund:

22
3
18

Lahutamise operaator (-)

Kasutage lahutamise operaatorit (-) parempoolse operandi lahutamiseks vasakpoolsest operandist.

olgu a = 10;
olgu b = 4;
olgu tulemus = a-b;
console.log (tulemus);
console.log (23-20);

Väljund:

6
3

Korrutamisoperaator (*)

Kasutage korrutustehtereid (*) operandide korrutamiseks.

olgu a = 10;
olgu b = 4;
olgu tulemus = a*b;
console.log (tulemus);
console.log (23*20);

Väljund:

40
460

Osakonna operaator (/)

Võite kasutada jagamise operaatorit (/) operandide jagamiseks.

olgu a = 10;
olgu b = 4;
olgu tulemus = a/b;
console.log (tulemus);
console.log (40/20);

Väljund:

2.5
2

Mooduli operaator (%)

Mooduli operaator (%) tagastab täisarvu jäägi kahe operandi jagamisel.

olgu a = 10;
olgu b = 4;
olgu tulemus = a%b;
console.log (tulemus);
console.log (40%20);

Väljund:

2
0

Astendamisoperaator (**)

Astendamisoperaator (**) arvutab aluse astendaja astmele (alus^astendaja).

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

Väljund:

81

Suurendage operaatorit (++)

Kasvamisoperaator (++) suurendab täisarvu väärtust ühe võrra.

olgu a = 3;
// Väärtus a=4 ja tagastab 4
console.log(++a);
// Väärtus a=5 ja tagastab 4
console.log (a++);
// Väärtus a=5 ja tagastab 5
console.log (a);

Väljund:

4
4
5

Vähenda operaatorit (--)

Vähendamise operaator (--) vähendab täisarvu väärtust ühe võrra.

olgu a = 3;
// Väärtus a=2 ja tagastab 2
console.log(--a);
// Väärtus a=1 ja tagastab 2
console.log (a--);
// Väärtus a=1 ja tagastab 1
console.log (a);

Väljund:

2
2
1

Unary Plus operaator(+)

Unaarne plussoperaator (+) proovib teisendada operandi arvuks, kui see veel pole.

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

Väljund:

string
number
tõeväärtus
number

Unaarse eituse operaator (-)

Unaarse eituse operaator (-) tagastab oma operandi eituse.

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

Väljund:

-10

2. Määramise operaatorid

Kasutage muutujatele väärtuste määramiseks määramisoperaatoreid. JavaScript pakub järgmisi määramise operaatoreid:

Määramise operaator(=)

Võite kasutada määramisoperaatorit (=), et määrata vasakpoolsele operandile parempoolse operandi väärtus.

// 10 määramine a-le
olgu a = 10;
console.log (a);

Väljund:

10

Lisamise määramise operaator (+=)

Lisamise määramise operaator (+=) kasutatakse vasaku ja parema operandi väärtuste lisamiseks ja tulemuse määramiseks vasakpoolsele operandile.

olgu a = 10;
olgu b = 5;
// Võrdne a = a+b
a += b;
console.log (a);

Väljund:

15

Lahutamise määramise operaator (-=)

Lahutamise määramise operaator (-=) lahutab vasakpoolsest operandist parempoolse operandi ja määrab tulemuse vasakpoolsele operandile.

olgu a = 10;
olgu b = 5;
// Samaväärne a = a-b
a -= b;
console.log (a);

Väljund:

5

Korrutamise määramise operaator (*=)

Kasutage korrutamise määramise operaatorit (*=) vasaku ja parema operandi väärtuste korrutamiseks ja tulemuse määramiseks vasakpoolsele operandile.

olgu a = 10;
olgu b = 5;
// Võrdne a = a*b-ga
a *= b;
console.log (a);

Väljund:

50

Osakonna määramise operaator (/=)

Võite kasutada jagamise määramise operaatorit (/=), et jagada vasaku operandi väärtus parempoolse operandi väärtusega ja määrata tulemus vasakpoolsele operandile.

olgu a = 10;
olgu b = 5;
// Samaväärne a = a/b
a /= b;
console.log (a);

Väljund:

2

Ülejäänud osa määramise operaator (%=)

Ülejäänud määramise operaator (%=) jagab vasaku operandi parempoolse operandiga ja määrab jäägi vasakpoolsele operandile.

olgu a = 10;
olgu b = 5;
// Samaväärne a = a%b
a % = b;
console.log (a);

Väljund:

0

Astendamismääramise operaator (**=)

Astendamise määramise operaator (**=) tõstab vasaku operandi parema operandi astmeni ja määrab tulemuse vasakpoolsele operandile.

olgu a = 10;
olgu b = 5;
// Samaväärne a = a**b
a**= b;
console.log (a);

Väljund:

100000

Bitipõhise määramise operaatorid (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) töötavad sarnaselt. Bitioperaatorite kohta saate teada järgmistest osadest.

Seotud: JavaScripti andmetüüpide sissejuhatus

3. Stringoperaatorid

Konkatenatsioonioperaator (+) kasutatakse stringide ühendamiseks (lisamiseks).

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

Väljund:

MakeUseOf

4. Võrdlusoperaatorid

Võrdlustehtereid kasutatakse operandide võrdlemiseks ja see tagastab loogilise väärtuse (tõsi või vale) võrdluse põhjal. JavaScript pakub järgmisi võrdlusoperaatoreid:

Võrdne operaator (==)

Võrdne operaator (==) tagastab tõsi kui operandid on võrdsed. See võrdleb ainult operandide väärtusi, ignoreerides võrdlemisel nende tüüpi.

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

Väljund:

vale
tõsi

Pole võrdne operaator(!=)

Pole võrdne operaator (!=) tagastab tõsi kui operandid ei ole võrdsed. Samuti eirab see võrdlemisel operandide tüüpi.

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

Väljund:

tõsi
vale

Range võrdne operaator ()

Range võrdne operaator () tagastab tõsi kui operandid on võrdsed. Võrreldes võrreldakse mõlemat – operandide väärtusi ja tüüpe.

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

Väljund:

vale
vale

Range, mitte võrdne operaator (!==)

Range mitte võrdne operaator (!==) tagastab tõsi kui operandid ei ole võrdsed. Võrreldes võrreldakse ka mõlemat – operandide väärtusi ja tüüpi.

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

Väljund:

tõsi
tõsi

Suurem kui operaator (>)

Suurem kui operaator (>) tagastab tõene, kui vasak operand on suurem kui parem.

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

Väljund:

tõsi
vale

Suurem kui või võrdne operaator (>=)

Suurem või võrdne operaator (>=) tagastab tõene, kui vasak operand on suurem või võrdne parempoolse operandiga.

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

Väljund:

tõsi
tõsi

Vähem kui operaator (

Vähem kui operaator (<) tagastab tõene, kui vasak operandi väärtus on väiksem kui parem.

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

Väljund:

vale
vale

Vähem kui või võrdne operaator(<=)

Tehja väiksem või võrdne (<=) tagastab tõene, kui vasak operandi väärtus on väiksem või võrdne parempoolse operandiga.

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

Väljund:

vale
tõsi

Seotud: Kuidas luua lihtsat kalkulaatorit HTML-i, CSS-i ja JavaScripti abil

5. Loogilised operaatorid

Ametniku sõnul MDN Docs, JavaScript pakub järgmisi loogilisi operaatoreid:

Loogiline JA (&&)

Kasutamine: avaldis1 && avaldis2

Tagastab avaldis1, kui selle saab teisendada valeks; muul juhul tagastab avaldis2. Kui kasutatakse koos Boole'i ​​väärtustega, && naaseb tõsi kui mõlemad operandid on tõesed; muidu naaseb vale.

console.log (tõene && vale);

Väljund:

vale

Loogiline VÕI (||)

Kasutamine: avaldis1 || avaldis2

Tagastab avaldis1, kui selle saab teisendada tõeseks; muul juhul tagastab avaldis2. Kui kasutatakse koos Boole'i ​​väärtustega, || naaseb tõsi kui kumbki operand on tõene; kui mõlemad on valed, tagastab vale.

console.log (tõene || väär);

Väljund:

tõsi

Loogiline EI (!)

Kasutamine: !väl

Tagastab vale kui selle ühe operandi saab teisendada tõeseks; muidu naaseb tõsi.

console.log(!true);

Väljund:

vale

6. Bitioperaatorid

JavaScript pakub järgmisi bitipõhiseid operaatoreid:

Bitipõhine JA operaator (&)

See operaator teostab Boole'i JA toimingut selle täisarvu argumentide iga bitiga.

// binaarses-
// 4: 100
// 1: 001
console.log (4 ja 1);

Väljund:

0

Bitipõhine VÕI operaator (|)

See operaator teostab Boole'i VÕI toimingut selle täisarvu argumentide iga bitiga.

console.log (4 | 1);

Väljund:

5

Bitipõhine XOR-operaator (^)

See operaator sooritab Boole'i ​​eksklusiivse VÕI toimingut selle täisarvu argumentide iga bitiga.

console.log (4 ^ 1);

Väljund:

5

Bitipõhine MITTE operaator (~)

See operaator pöörab kõik operandi bitid ümber.

console.log(~4);

Väljund:

-5

Märge: JavaScript teisendab arvud 32-bitiste märgiga täisarvudeks enne bitipõhise toimingu sooritamist. Ja kui toiming sooritatakse, teisendab see tulemuse tagasi 64-bitisteks JavaScripti numbriteks.

Vasak vahetusoperaator (<

See operaator nihutab kõik oma esimese operandi bitid teises operandis määratud kohtade arvu võrra vasakule.

console.log (4<<1);

Väljund:

8

Parem käiguvahetus (>>)

See operaator nihutab kõiki oma esimese operandi bitte teises operandis määratud kohtade arvu võrra paremale.

console.log (4>>1);

Väljund:

2

7. Spetsiaalsed operaatorid

Kolmekordne operaator

Kolmekomponentne operaator on lühend kui-muidu avaldus. See määrab muutujale väärtuse tingimuse alusel, selle süntaks on:

seisund? väärtus1: väärtus2

Kui tingimus on tõene, tagastab operaator väärtuse väärtus1. Vastasel juhul tagastab see väärtuse väärtus2.

olgu tulemus = (200>100)? "Jah ei";
console.log (tulemus);

Väljund:

Jah

Operaatori tüüp

The tüüp operaatorit kasutatakse väärtuse või muutuja andmetüübi leidmiseks.

console.log (tüüp (100));
console.log (typeof("100"));

Väljund:

number
string

Kasutage JavaScripti One-Linereid, et kodeerida nagu professionaal

Saate teha paljusid toiminguid, kasutades JavaScriptis vaid ühte koodirida. Ükskõik, kas peate massiivi segama, tuvastama brauseris tumedat režiimi, genereerima juhuslikku UUID-d või leidma massiivi keskmise, saate selle saavutada vaid koodireaga.

11 JavaScripti ühejoonist, mida peaksite teadma

Selle laia valiku JavaScripti ühesuunaliste moodulite abil saate vähese koodiga palju saavutada.

Loe edasi

Autori kohta