В този урок ще научите за различни оператори, налични в JavaScript, и как да ги използвате с помощта на примери.
Какво е оператор?
В JavaScript операторът е специален символ, използван за извършване на операции върху операнди (стойности и променливи). Например,
2 + 3; // 5
Ето +
оператор, който извършва добавяне, и 2
и 3
са операнди.
Типове оператори на JavaScript
Ето списък с различни оператори, които ще научите в този урок.
- Оператори за присвояване
- Аритметични оператори
- Сравнителни оператори
- Логически оператори
- Побитови оператори
- Низови оператори
- Други оператори
Оператори за присвояване на JavaScript
Операторите на присвояване се използват за присвояване на стойности на променливи. Например,
const x = 5;
Тук =
операторът се използва за присвояване на стойност 5
на променлива x
.
Ето списък на често използваните оператори за присвояване:
Оператор | Име | Пример |
---|---|---|
= | Оператор за присвояване | a = 7; // 7 |
+= | Присвояване на добавяне | a += 5; // a = a + 5 |
-= | Възлагане на изваждане | a -= 2; // a = a - 2 |
*= | Задание за умножение | a *= 3; // a = a * 3 |
/= | Назначение на дивизията | a /= 2; // a = a / 2 |
%= | Възлагане на остатъка | a %= 2; // a = a % 2 |
**= | Възлагане на степенуване | a **= 2; // a = a**2 |
Забележка: Често използваният оператор за присвояване е =
. Ще разберете други оператори за присвояване като +=
, -=
и *=
т.н., след като научим аритметични оператори.
JavaScript аритметични оператори
Аритметичните оператори се използват за извършване на аритметични изчисления . Например,
const number = 3 + 5; // 8
Тук +
операторът се използва за добавяне на два операнда.
Оператор | Име | Пример |
---|---|---|
+ | Събиране | x + y |
- | Изваждане | x - y |
* | Умножение | x * y |
/ | Дивизия | x / y |
% | Остатъка | x % y |
++ | Увеличаване (нараства с 1) | ++x или x++ |
-- | Намаляване (намаление с 1) | --x или x-- |
** | Степенуване (мощност) | x ** y |
Пример 1: Аритметични оператори в 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);
Посетете ++ и - оператор, за да научите повече.
Изход
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
Забележка : Операторът ** е въведен в EcmaScript 2016 и някои браузъри може да не ги поддържат. За да научите повече, посетете поддръжката на браузъра за степенуване на JavaScript.
Оператори за сравнение на JavaScript
Операторите за сравнение сравняват две стойности и връщат булева стойност, true
или false
. Например,
const a = 3, b = 2; console.log(a> b); // true
Тук операторът за сравнение >
се използва за сравнение дали a е по-голямо от b.
Оператор | Описание | Пример |
---|---|---|
== | Равен на : връща, true ако операндите са равни | x == y |
!= | Не е равно на : връща, true ако операндите не са равни | x != y |
=== | Стриктно равно на : true ако операндите са равни и от същия тип | x === y |
!== | Стриктно не е равно на : true ако операндите са равни, но от различен тип или изобщо не са равни | x !== y |
> | По-голямо от : true ако левият операнд е по-голям от десния операнд | x> y |
>= | По-голямо или равно на : true ако левият операнд е по-голям или равен на десния операнд | x>= y |
< | По-малко от : true ако левият операнд е по-малък от десния операнд | x < y |
<= | По-малко или равно на : true ако левият операнд е по-малък или равен на десния операнд | x <= y |
Пример 2: Сравнителни оператори в 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
Забележка: Когато +
се използва със низове, той извършва конкатенация. Когато обаче +
се използва с числа, той извършва добавяне.
Други оператори на JavaScript
Ето списък на други оператори, налични в JavaScript. Ще научите за тези оператори в следващите уроци.
Оператор | Описание | Пример |
---|---|---|
, | оценява множество операнди и връща стойността на последния операнд. | let a = (1, 3 , 4); // 4 |
?: | връща стойност въз основа на условието | (5> 3) ? 'success' : 'error'; // "success" |
delete | изтрива свойството на обект или елемент от масив | delete x |
typeof | връща низ, указващ типа на данните | typeof 3; // "number" |
void | изхвърля връщаната стойност на израза | void(x) |
in | връща, true ако посоченото свойство е в обекта | prop in object |
instanceof | връща, true ако посоченият обект е от посочения тип обект | object instanceof object_type |