JavaScript operateri (s primjerima)

U ovom vodiču naučit ćete o različitim operatorima dostupnim u JavaScript-u i kako ih koristiti uz pomoć primjera.

Što je operator?

U JavaScriptu je operator poseban simbol koji se koristi za izvođenje operacija nad operandima (vrijednosti i varijable). Na primjer,

 2 + 3; // 5

Ovdje +je operator koji izvodi zbrajanje i 2i 3jesu operandi.

Vrste JavaScript operatora

Evo popisa različitih operatora koje ćete naučiti u ovom vodiču.

• Operatori dodjele
• Aritmetički operatori
• Operatori usporedbe
• Logički operatori
• Bitovni operateri
• String Operatori
• Ostali operateri

Operateri dodjeljivanja JavaScript-a

Operatori dodjele koriste se za dodjeljivanje vrijednosti varijablama. Na primjer,

 const x = 5;

Ovdje se =operator koristi za dodjeljivanje vrijednosti 5varijabli x.

Evo popisa najčešće korištenih operatora dodjele:

Operater	Ime	Primjer
=	Operator dodjele	a = 7; // 7
+=	Zadatak sabiranja	a += 5; // a = a + 5
-=	Dodjeljivanje oduzimanja	a -= 2; // a = a - 2
*=	Zadatak množenja	a *= 3; // a = a * 3
/=	Dodjela divizije	a /= 2; // a = a / 2
%=	Dodjela ostataka	a %= 2; // a = a % 2
**=	Dodjela stepeništa	a **= 2; // a = a**2

Napomena: Često korišteni operator dodjele je =. Vi ćete shvatiti druge zadatke operatora, kao što su +=, -=, *=itd kad smo naučili aritmetičke operatore.

JavaScript aritmetički operatori

Aritmetički operatori koriste se za izvođenje aritmetičkih izračuna . Na primjer,

 const number = 3 + 5; // 8

Ovdje se +operator koristi za dodavanje dva operanda.

Operater	Ime	Primjer
+	Dodatak	x + y
-	Oduzimanje	x - y
*	Množenje	x * y
/	Podjela	x / y
%	Ostatak	x % y
++	Prirast (prirast za 1)	++x ili x++
--	Umanjenje (umanjenje za 1)	--x ili x--
**	Pojačavanje (snaga)	x ** y

Primjer 1: Aritmetički operatori u JavaScript-u

 let x = 5; let y = 3; // addition console.log('x + y = ', x + y); // subtraction console.log('x - y = ', x - y); // multiplication console.log('x * y = ', x * y); // division console.log('x / y = ', x / y); // remainder console.log('x % y = ', x % y); // increment console.log('++x = ', ++x); // x is now 6 console.log('x++ = ', x++); // x returns 6 and then increases by 1 console.log('x = ', x); // decrement console.log('--x = ', --x); // x is now 6 console.log('x-- = ', x--); // x returns 6 and then increases by 1 console.log('x = ', x); //exponentiation console.log('x ** y =', x ** y);

Posjetite ++ i - operator da biste saznali više.

Izlaz

 x + y = 8 x - y = 2 x * y = 15 x / y = 1.6666666666666667 x% y = 2 ++ x = 6 x ++ = 6 x = 7 --x = 6 x-- = 6 x = 5 x ** y = 125

Napomena : Operator ** uveden je u EcmaScript 2016 i neki ga preglednici možda ne podržavaju. Da biste saznali više, posjetite podršku preglednika za eksponentiranje JavaScript-a.

Operateri JavaScript usporedbe

Operatori usporedbe uspoređuju dvije vrijednosti i vraćaju logičku vrijednost, trueili false. Na primjer,

 const a = 3, b = 2; console.log(a> b); // true 

Ovdje se operator usporedbe >koristi za usporedbu je li a veće od b.

Operater	Opis	Primjer
==	Jednako sa : vraća se trueako su operandi jednaki	x == y
!=	Nije jednako sa : vraća se trueako operandi nisu jednaki	x != y
===	Strogo jednako : trueako su operandi jednaki i istog tipa	x === y
!==	Strogo nije jednako : trueako su operandi jednaki, ali različitog tipa ili uopće nisu jednaki	x !== y
>	Veće od : trueako je lijevi operand veći od desnog	x> y
>=	Veći ili jednak : trueako je lijevi operand veći ili jednak desnom operandu	x>= y
<	Manje od : trueako je lijevi operand manji od desnog	x < y
<=	Manje ili jednako : trueako je lijevi operand manji ili jednak desnom operandu	x <= y

Primjer 2: Operatori usporedbe u JavaScript-u

 // equal operator console.log(2 == 2); // true console.log(2 == '2'); // true // not equal operator console.log(3 != 2); // true console.log('hello' != 'Hello'); // true // strict equal operator console.log(2 === 2); // true console.log(2 === '2'); // false // strict not equal operator console.log(2 !== '2'); // true console.log(2 !== '2'); // false

Output

 true true true true true false false true

Comparison operators are used in decision making and loops. You will learn about the use of comparison operators in detail in later tutorials.

JavaScript Logical Operators

Logical operators perform logical operations and return a boolean value, either true or false. For example,

 const x = 5, y = 3; (x < 6) && (y < 5); // true

Here, && is the logical operator AND. Since both x < 6 and y < 5 are true, the result is true.

Operator	Description	Example
&&	Logical AND: true if both the operands are true, else returns false	x && y
||	Logical OR: true if either of the operands is true; returns false if both are false	x || y
!	Logical NOT: true if the operand is false and vice-versa.	!x

Example 3: Logical Operators in JavaScript

 // logical AND console.log(true && true); // true console.log(true && false); // false // logical OR console.log(true || false); // true // logical NOT console.log(!true); // false

Output

 true false true false

Logical operators are used in decision making and loops. You will learn about the use of logical operators in detail in later tutorials.

JavaScript Bitwise Operators

Bitwise operators perform operations on binary representations of numbers.

Operator	Description
&	Bitwise AND
|	Bitwise OR
^	Bitwise XOR
~	Bitwise NOT
<<	Left shift
>>	Sign-propagating right shift
>>>	Zero-fill right shift

Bitwise operators are rarely used in everyday programming. If you are interested, visit JavaScript Bitwise Operators to learn more.

JavaScript String Operators

In JavaScript, you can also use the + operator to concatenate (join) two or more strings.

Example 4: String operators in JavaScript

 // concatenation operator console.log('hello' + 'world'); let a = 'JavaScript'; a += ' tutorial'; // a = a + ' tutorial'; console.log(a);

Output

 helloworld JavaScript tutorial 

Napomena: Kada +se koristi sa nizovima, izvodi spajanje. Međutim, kada +se koristi s brojevima, izvršava zbrajanje.

Ostali JavaScript operateri

Evo popisa ostalih operatora dostupnih u JavaScript-u. O tim ćete operaterima saznati u kasnijim vodičima.

Operater	Opis	Primjer
,	procjenjuje više operanda i vraća vrijednost zadnjeg operanda.	let a = (1, 3 , 4); // 4
?:	vraća vrijednost na temelju uvjeta	(5> 3) ? 'success' : 'error'; // "success"
delete	briše svojstvo objekta ili element niza	delete x
typeof	vraća niz koji označava vrstu podataka	typeof 3; // "number"
void	odbacuje povratnu vrijednost izraza	void(x)
in	vraća se trueako je navedeno svojstvo u objektu	prop in object
instanceof	vraća trueako je navedeni objekt navedenog tipa objekta	object instanceof object_type