7 vrsta JavaScript operatora koje morate znati

Operator je simbol koji govori interpretatoru da izvede određenu matematičku, relaciju ili logičku operaciju. Operatori uzimaju jedan ili više operanada i sposobni su manipulirati ciljnim vrijednostima ili operandima.

U ovom ćete članku naučiti o različitim operatorima u JavaScriptu i kako ih koristiti s primjerima.

Vrste JavaScript operatora

Ovo su različiti operatori koje JavaScript podržava:

1. Aritmetički operatori
2. Operatori dodjele
3. String operatori
4. Operatori za usporedbu
5. Logički operatori
6. Bitovi operatori
7. Posebni operateri

1. Aritmetički operatori

Možete koristiti aritmetičke operatore za izvođenje matematičkih izračuna na operandima. JavaScript pruža sljedeće aritmetičke operatore:

Operater zbrajanja (+)

Možete koristiti operator zbrajanja (+) za izvođenje zbrajanja na operandima.

neka je a = 12;
neka je b = 10;
neka rezultat = a+b;
console.log (rezultat)
console.log (1+2);
console.log (a+6);

Izlaz:

22
3
18

Operator oduzimanja (-)

Koristite operator oduzimanja (-) za oduzimanje desnog operanda od lijevog operanda.

neka je a = 10;
neka je b = 4;
neka rezultat = a-b;
console.log (rezultat);
console.log (23-20);

Izlaz:

6
3

Operator množenja (*)

Iskoristite operator množenja (*) za množenje operanda.

neka je a = 10;
neka je b = 4;
neka rezultat = a*b;
console.log (rezultat);
console.log (23*20);

Izlaz:

40
460

Operater odjeljenja (/)

Možete koristiti operator dijeljenja (/) za obavljanje dijeljenja na operandima.

neka je a = 10;
neka je b = 4;
neka rezultat = a/b;
console.log (rezultat);
konzola.log (40/20);

Izlaz:

2.5
2

Operator modula (%)

Operator modula (%) vraća cjelobrojni ostatak prelaskom na dva operanda.

neka je a = 10;
neka je b = 4;
neka rezultat = a%b;
console.log (rezultat);
console.log (40%20);

Izlaz:

2
0

Operator eksponencijalnosti (**)

Operator eksponencije (**) izračunava bazu na stepen eksponenta (baza^eksponent).

neka je a = 3;
console.log (a**4);

Izlaz:

81

Operator povećanja (++)

Operator povećanja (++) povećava cjelobrojnu vrijednost za jedan.

neka je a = 3;
// Vrijednost a=4 i vraća 4
console.log(++a);
// Vrijednost a=5 i vraća 4
console.log (a++);
// Vrijednost a=5 i vraća 5
console.log (a);

Izlaz:

4
4
5

Operator dekrementa (--)

Operator dekrementa (--) smanjuje cjelobrojnu vrijednost za jedan.

neka je a = 3;
// Vrijednost a=2 i vraća 2
console.log(--a);
// Vrijednost a=1 i vraća 2
console.log (a--);
// Vrijednost a=1 i vraća 1
console.log (a);

Izlaz:

2
2
1

Unary Plus operator (+)

Unarni plus operator (+) pokušava pretvoriti operand u broj ako već nije jedan.

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

Izlaz:

niz
broj
boolean
broj

Unarni operator negacije(-)

Uniarni operator negacije (-) vraća negaciju svog operanda.

neka je a = 10;
console.log(-a);

Izlaz:

-10

2. Operatori dodjele

Koristite operatore dodjeljivanja za dodjelu vrijednosti varijablama. JavaScript pruža sljedeće operatore dodjele:

Operator dodjele(=)

Možete koristiti operator dodjeljivanja (=) za dodjelu vrijednosti desnog operanda lijevom operandu.

// Dodjela 10 a
neka je a = 10;
console.log (a);

Izlaz:

10

Operator dodjele zbrajanja (+=)

Operator dodjele zbrajanja (+=) se koristi za zbrajanje vrijednosti lijevog i desnog operanda i dodjelu rezultata lijevom operandu.

neka je a = 10;
neka je b = 5;
// Ekvivalentno a = a+b
a += b;
console.log (a);

Izlaz:

15

Operator dodjele oduzimanja (-=)

Operator dodjele oduzimanja (-=) oduzet će desni operand od lijevog operanda i dodijeliti rezultat lijevom operandu.

neka je a = 10;
neka je b = 5;
// Ekvivalentno a = a-b
a -= b;
console.log (a);

Izlaz:

5

Operator dodjele množenja (*=)

Koristite operator dodjele množenja (*=) da pomnožite vrijednosti lijevog i desnog operanda i dodijelite rezultat lijevom operandu.

neka je a = 10;
neka je b = 5;
// Ekvivalentno a = a*b
a *= b;
console.log (a);

Izlaz:

50

Operator dodjele podjela (/=)

Možete koristiti operator dodjele dijeljenja (/=) da biste podijelili vrijednost lijevog operanda s vrijednošću desnog operanda i dodijelili rezultat lijevom operandu.

neka je a = 10;
neka je b = 5;
// Ekvivalentno a = a/b
a /= b;
console.log (a);

Izlaz:

2

Operater dodjeljivanja preostalog (%=)

Operator dodjeljivanja ostatka (%=) dijeli lijevi operand desnim operandom i dodjeljuje ostatak lijevom operandu.

neka je a = 10;
neka je b = 5;
// Ekvivalentno a = a%b
a %= b;
console.log (a);

Izlaz:

0

Operator dodjele eksponencijalnosti (**=)

Operator dodjele eksponencijalnosti (**=) podiže lijevi operand na potenciju desnog operanda i dodjeljuje rezultat lijevom operandu.

neka je a = 10;
neka je b = 5;
// Ekvivalentno a = a**b
a **= b;
console.log (a);

Izlaz:

100000

Operatori dodjeljivanja u bitovima (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) rade slično. U nadolazećim odjeljcima naučit ćete o bitskim operatorima.

Povezano: Uvod u vrste podataka u JavaScriptu

3. Operatori niza

Operator spajanja (+) se koristi za spajanje (dodavanje) nizova.

neka rezultat = "Napravi" + "Upotrijebi" + "Iz";
console.log (rezultat);

Izlaz:

Iskoristiti

4. Operatori za usporedbu

Operatori usporedbe koriste se za usporedbu operanada i vraćaju logičku vrijednost (pravi ili lažno) na temelju usporedbe. JavaScript pruža sljedeće operatore usporedbe:

Jednaki operator (==)

Operator jednakosti (==) vraća pravi ako su operandi jednaki. Uspoređuje samo vrijednosti operanada, zanemarujući njihov tip prilikom uspoređivanja.

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

Izlaz:

lažno
pravi

Nije jednak operator(!=)

Operator nije jednak (!=) vraća pravi ako operandi nisu jednaki. Također zanemaruje vrstu operanada tijekom uspoređivanja.

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

Izlaz:

pravi
lažno

Strogi operator jednakosti ()

Strogi operator jednakosti () vraća pravi ako su operandi jednaki. Uspoređuje oboje — vrijednosti i vrste operanada tijekom uspoređivanja.

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

Izlaz:

lažno
lažno

Strogi operator ne jednak (!==)

Strogi operator koji nije jednak (!==) vraća pravi ako operandi nisu jednaki. Također uspoređuje oboje—vrijednosti i tip operanada tijekom uspoređivanja.

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

Izlaz:

pravi
pravi

Veće od operatora (>)

Operator veći od (>) vraća true ako je lijevi operand veći od desnog.

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

Izlaz:

pravi
lažno

Operator veće od ili jednako (>=)

Operator veće ili jednako (>=) vraća true ako je lijevi operand veći ili jednak desnom operandu.

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

Izlaz:

pravi
pravi

Manje od operatora (

Operator manje od (<) vraća true ako je lijevi operand manji od desnog operanda.

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

Izlaz:

lažno
lažno

Operator manje od ili jednako (<=)

Operator manje ili jednako (<=) vraća true ako je lijevi operand manji ili jednak desnom operandu.

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

Izlaz:

lažno
pravi

Povezano: Kako napraviti jednostavan kalkulator koristeći HTML, CSS i JavaScript

5. Logički operatori

Prema službeniku MDN dokumenti, JavaScript pruža sljedeće logičke operatore:

Logično I (&&)

Korištenje: izraz1 && izraz2

Vraća izraz expr1 ako se može pretvoriti u false; inače, vraća izraz2. Kada se koristi s Booleovim vrijednostima, && vraća pravi ako su oba operanda istinita; inače se vraća lažno.

console.log (true && false);

Izlaz:

lažno

Logičko ILI (||)

Korištenje: izraz1 || izraz2

Vraća izraz expr1 ako se može pretvoriti u true; inače, vraća izraz2. Kada se koristi s Booleovim vrijednostima, || vraća pravi ako je bilo koji operand istinit; ako su oba lažna, vraća se lažno.

console.log (true || false);

Izlaz:

pravi

Logično NE (!)

Korištenje: !expr

Vraća lažno ako se njegov pojedinačni operand može pretvoriti u true; inače se vraća pravi.

console.log(!true);

Izlaz:

lažno

6. Bitwise operatori

JavaScript pruža sljedeće bitne operatore:

Operator AND u bitovima (&)

Ovaj operator izvodi Boolean I operacija nad svakim bitom njegovih cjelobrojnih argumenata.

// u binarnom
// 4: 100
// 1: 001
console.log (4 & 1);

Izlaz:

0

Bitwise OR operator (|)

Ovaj operator izvodi Boolean ILI operacija nad svakim bitom njegovih cjelobrojnih argumenata.

console.log (4 | 1);

Izlaz:

5

Bitwise XOR operator (^)

Ovaj operator izvodi Booleovu isključivu ILI operacija nad svakim bitom njegovih cjelobrojnih argumenata.

console.log (4 ^ 1);

Izlaz:

5

Bitno NOT operator (~)

Ovaj operator preokreće sve bitove u operandu.

console.log(~4);

Izlaz:

-5

Bilješka: JavaScript pretvara brojeve u 32-bitne predpisane cijele brojeve prije izvođenja bitne operacije. A kada se operacija izvede, ona pretvara rezultat natrag u 64-bitne JavaScript brojeve.

Operater lijeve smjene (<

Ovaj operator pomiče sve bitove u svom prvom operandu ulijevo za broj mjesta navedenih u drugom operandu.

console.log (4<<1);

Izlaz:

8

Operater desne smjene (>>)

Ovaj operator pomiče sve bitove u svom prvom operandu udesno za broj mjesta navedenih u drugom operandu.

console.log (4>>1);

Izlaz:

2

7. Specijalni operateri

Ternarni operater

Ternarni operator je skraćenica od if-else izjava. Dodjeljuje vrijednost varijabli na temelju uvjeta, a sintaksa za isto je:

stanje? vrijednost1: vrijednost2

Ako je uvjet istinit, operator vraća vrijednost vrijednost1. Inače, vraća vrijednost od vrijednost2.

neka rezultat = (200>100)? "Da ne";
console.log (rezultat);

Izlaz:

Da

Vrsta operatora

The vrsta operator se koristi za pronalaženje tipa podataka vrijednosti ili varijable.

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

Izlaz:

broj
niz

Koristite JavaScript One-Linere za kodiranje kao profesionalac

Možete izvesti širok raspon operacija koristeći samo jedan redak koda u JavaScriptu. Bilo da trebate promiješati niz, otkriti tamni način rada u pregledniku, generirati nasumični UUID ili pronaći prosjek niza, to možete postići samo sa redom koda.

11 JavaScript jednostrukih tekstova koje biste trebali znati

Postignite puno sa samo malo koda koristeći ovaj široki raspon jednostrukih JavaScript tekstova.

Pročitajte dalje

O autoru