Provozovatelé JavaScriptu (s příklady)

V tomto kurzu se dozvíte o různých operátorech dostupných v JavaScriptu a o tom, jak je používat pomocí příkladů.

Co je to operátor?

V JavaScriptu je operátor speciální symbol používaný k provádění operací s operandy (hodnotami a proměnnými). Například,

 2 + 3; // 5

Zde +je operátor, který provádí sčítání a 2a 3jsou operandy.

Typy operátorů JavaScriptu

Zde je seznam různých operátorů, které se v tomto kurzu naučíte.

  • Operátoři přiřazení
  • Aritmetické operátory
  • Porovnávací operátoři
  • Logičtí operátoři
  • Bitové operátory
  • Řetězcoví operátoři
  • Ostatní operátoři

Operátoři přiřazení JavaScriptu

Operátory přiřazení se používají k přiřazení hodnot k proměnným. Například,

 const x = 5;

Zde se =operátor používá k přiřazení hodnoty 5proměnné x.

Zde je seznam běžně používaných operátorů přiřazení:

Operátor název Příklad
= Operátor přiřazení a = 7; // 7
+= Přiřazení sčítání a += 5; // a = a + 5
-= Přiřazení odčítání a -= 2; // a = a - 2
*= Přiřazení násobení a *= 3; // a = a * 3
/= Přiřazení divize a /= 2; // a = a / 2
%= Přiřazení zbytku a %= 2; // a = a % 2
**= Postoupení postoupení a **= 2; // a = a**2

Poznámka: Běžně používaný operátor přiřazení je =. Budete rozumět další operátory přiřazení, například +=, -=, *=atd., Jakmile se dozvíme aritmetické operátory.

Aritmetické operátory JavaScriptu

Aritmetické operátory se používají k provádění aritmetických výpočtů . Například,

 const number = 3 + 5; // 8

Zde se +operátor používá k přidání dvou operandů.

Operátor název Příklad
+ Přidání x + y
- Odčítání x - y
* Násobení x * y
/ Divize x / y
% Zbytek x % y
++ Přírůstek (přírůstek o 1) ++x nebo x++
-- Snížení (sníží o 1) --x nebo x--
** Umocňování (síla) x ** y

Příklad 1: Aritmetické operátory v JavaScriptu

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

Navštivte ++ a - operátor a dozvíte se více.

Výstup

 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

Poznámka : Operátor ** byl představen v EcmaScript 2016 a některé prohlížeče je nemusí podporovat. Chcete-li se dozvědět více, navštivte podporu prohlížeče umocňování JavaScript.

Porovnávací operátoři JavaScriptu

Porovnávací operátory porovnávají dvě hodnoty a vracejí logickou hodnotu, buď truenebo false. Například,

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

Zde se operátor porovnání >používá k porovnání, zda a je větší než b.

Operátor Popis Příklad
== Rovná se : vrátí, truepokud jsou operandy stejné x == y
!= Není rovno : vrátí, truepokud se operandy nerovnají x != y
=== Přísné rovné : truepokud jsou operandy stejné a stejného typu x === y
!== Přísné nerovná se : truepokud jsou operandy stejné, ale odlišného typu nebo se nerovnají vůbec x !== y
> Větší než : truepokud je levý operand větší než pravý operand x> y
>= Větší než nebo rovno : truepokud je levý operand větší nebo rovno pravému operandu x>= y
< Méně než : truepokud je levý operand menší než pravý operand x < y
<= Menší nebo rovno : truepokud je levý operand menší než nebo stejný jako pravý operand x <= y

Příklad 2: Porovnávací operátory v JavaScriptu

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

Poznámka: Při +použití s ​​řetězci provede zřetězení. Pokud +je však použit s čísly, provede přidání.

Ostatní provozovatelé JavaScriptu

Zde je seznam dalších operátorů dostupných v JavaScriptu. O těchto operátorech se dozvíte v pozdějších cvičeních.

Operátor Popis Příklad
, vyhodnotí více operandů a vrátí hodnotu posledního operandu. let a = (1, 3 , 4); // 4
?: vrací hodnotu na základě podmínky (5> 3) ? 'success' : 'error'; // "success"
delete odstraní vlastnost objektu nebo prvek pole delete x
typeof vrací řetězec označující datový typ typeof 3; // "number"
void zahodí návratovou hodnotu výrazu void(x)
in vrátí, truepokud je zadaná vlastnost v objektu prop in object
instanceof vrátí, truepokud je zadaný objekt zadaného typu objektu object instanceof object_type

Zajímavé články...