Operaterji JavaScript (s primeri)

V tej vadnici boste s pomočjo primerov spoznali različne operaterje, ki so na voljo v JavaScript, in kako jih uporabljati.

Kaj je operater?

V JavaScript je operator poseben simbol, ki se uporablja za izvajanje operacij nad operandi (vrednosti in spremenljivke). Na primer

 2 + 3; // 5

Tu +je operator, ki izvaja seštevanje in 2in 3so operandi.

Vrste operaterjev JavaScript

Tu je seznam različnih operaterjev, ki se jih boste naučili v tej vadnici.

  • Operatorji dodelitve
  • Aritmetični operaterji
  • Primerjalni operaterji
  • Logični operaterji
  • Bitni operaterji
  • String Operatorji
  • Drugi operaterji

Operaterji dodelitve JavaScript

Operatorji dodelitve se uporabljajo za dodelitev vrednosti spremenljivkam. Na primer

 const x = 5;

Tu se =operator uporablja za dodelitev vrednosti 5spremenljivki x.

Tu je seznam pogosto uporabljenih operaterjev dodelitve:

Operater Ime Primer
= Operator dodelitve a = 7; // 7
+= Dodelitev a += 5; // a = a + 5
-= Dodelitev odštevanja a -= 2; // a = a - 2
*= Naloga množenja a *= 3; // a = a * 3
/= Naloga divizije a /= 2; // a = a / 2
%= Preostala dodelitev a %= 2; // a = a % 2
**= Dodelitev stopnjevanja a **= 2; // a = a**2

Opomba: Pogosto uporabljen operater dodelitve je =. Boste razumeli druge subjekte z nalogami, kot so +=, -=, *=itd, ko smo izvedeli, aritmetične operaterjev.

Aritmetični operaterji JavaScript

Za izvajanje aritmetičnih izračunov se uporabljajo aritmetični operatorji . Na primer

 const number = 3 + 5; // 8

Tu se +operator uporablja za dodajanje dveh operandov.

Operater Ime Primer
+ Dodatek x + y
- Odštevanje x - y
* Množenje x * y
/ Divizija x / y
% Preostanek x % y
++ Prirastek (prirastki za 1) ++x ali x++
-- Zmanjšanje (zmanjšanje za 1) --x ali x--
** Povečanje (moč) x ** y

Primer 1: Aritmetični operatorji v JavaScript

 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);

Obiščite operaterja ++ in -, če želite izvedeti več.

Izhod

 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

Opomba : Operator ** je bil predstavljen v EcmaScript 2016 in ga nekateri brskalniki morda ne podpirajo. Če želite izvedeti več, obiščite podporo za brskalnik s stopnjevanjem JavaScript.

Operaterji primerjave JavaScript

Operaterji primerjave primerjajo dve vrednosti in vrnejo logično vrednost, bodisi trueali false. Na primer

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

Tu se primerjalni operater >uporablja za primerjavo, ali je a večji od b.

Operater Opis Primer
== Enako kot : vrne se, trueče so operandi enaki x == y
!= Ni enako : vrne, trueče operandi niso enaki x != y
=== Strogo enako : trueče so operandi enaki in iste vrste x === y
!== Strogo ni enako : trueče so operandi enaki, vendar različnega tipa ali sploh niso enaki x !== y
> Večje kot : trueče je levi operand večji od desnega x> y
>= Večji ali enak : trueče je levi operand večji ali enak desnemu operandu x>= y
< Manj kot : trueče je levi operand manjši od desnega x < y
<= Manj ali enako : trueče je levi operand manjši ali enak desnemu operandu x <= y

Primer 2: Primerjalni operatorji v JavaScript

 // 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 

Opomba: Ko +se uporablja z nizi, izvede združevanje. Kadar pa +se uporablja s številkami, izvede seštevanje.

Drugi operaterji JavaScript

Tu je seznam drugih operaterjev, ki so na voljo v JavaScript. O teh operaterjih boste izvedeli v poznejših vajah.

Operater Opis Primer
, izračuna več operandov in vrne vrednost zadnjega operanda. let a = (1, 3 , 4); // 4
?: vrne vrednost glede na pogoj (5> 3) ? 'success' : 'error'; // "success"
delete izbriše lastnost predmeta ali element polja delete x
typeof vrne niz, ki označuje vrsto podatkov typeof 3; // "number"
void vrže vrnjeno vrednost izraza void(x)
in vrne, trueče je navedena lastnost v objektu prop in object
instanceof vrne, trueče je podani objekt določenega tipa predmeta object instanceof object_type

Zanimive Članki...