7 вида JavaScript оператори, които трябва да знаете

Операторът е символ, който казва на интерпретатора да извърши конкретна математическа, релационна или логическа операция. Операторите приемат един или повече операнди и са в състояние да манипулират целеви стойности или операнди.

В тази статия ще научите за различните оператори в JavaScript и как да ги използвате с примери.

Типове JavaScript оператори

Това са различните оператори, които JavaScript поддържа:

1. Аритметични оператори
2. Оператори на присвояване
3. Низови оператори
4. Оператори за сравнение
5. Логически оператори
6. Побитови оператори
7. Специални оператори

1. Аритметични оператори

Можете да използвате аритметични оператори за извършване на математически изчисления на операндите. JavaScript предоставя следните аритметични оператори:

Оператор на събиране (+)

Можете да използвате оператора за събиране (+) за извършване на събиране на операндите.

нека а = 12;
нека b = 10;
нека резултат = a+b;
console.log (резултат)
console.log (1+2);
console.log (a+6);

Изход:

22
3
18

Оператор на изваждане(-)

Използвайте оператора за изваждане (-), за да извадите десния операнд от левия операнд.

нека a = 10;
нека b = 4;
нека резултат = a-b;
console.log (резултат);
console.log (23-20);

Изход:

6
3

Оператор за умножение (*)

Използвайте оператора за умножение (*), за да умножите операндите.

нека a = 10;
нека b = 4;
нека резултат = a*b;
console.log (резултат);
console.log (23*20);

Изход:

40
460

Оператор на разделение (/)

Можете да използвате оператора за разделяне (/) за извършване на деление на операндите.

нека a = 10;
нека b = 4;
нека резултат = a/b;
console.log (резултат);
console.log (40/20);

Изход:

2.5
2

Модул оператор (%)

Модулният оператор (%) връща целочисления остатък чрез прехвърляне на два операнда.

нека a = 10;
нека b = 4;
нека резултат = a%b;
console.log (резултат);
console.log (40%20);

Изход:

2
0

Оператор на степенуване (**)

Операторът за степенуване (**) изчислява основата на степента на степента (база^експонента).

нека a = 3;
console.log (a**4);

Изход:

81

Оператор на увеличение (++)

Операторът за увеличение (++) увеличава целочислената стойност с единица.

нека a = 3;
// Стойност на a=4 и връща 4
console.log(++a);
// Стойност на a=5 и връща 4
console.log (a++);
// Стойност на a=5 и връща 5
console.log (a);

Изход:

4
4
5

Оператор на декремент (--)

Операторът за декремент (--) намалява целочислената стойност с единица.

нека a = 3;
// Стойност на a=2 и връща 2
console.log(--a);
// Стойност на a=1 и връща 2
console.log (a--);
// Стойност на a=1 и връща 1
console.log (a);

Изход:

2
2
1

Единичен плюс оператор (+)

Унарният плюс оператор (+) се опитва да преобразува операнда в число, ако вече не е едно.

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

Изход:

низ
номер
булев
номер

Унарен оператор на отрицание(-)

Унарният оператор за отрицание (-) връща отрицанието на своя операнд.

нека a = 10;
console.log(-a);

Изход:

-10

2. Оператори на присвояване

Използвайте оператори за присвояване, за да присвоите стойности на променливи. JavaScript предоставя следните оператори за присвояване:

Оператор на присвояване(=)

Можете да използвате оператора за присвояване (=), за да присвоите стойността на десния операнд на левия операнд.

// Присвояване на 10 на a
нека a = 10;
console.log (a);

Изход:

10

Оператор за присвояване на събиране(+=)

Операторът за присвояване на добавяне (+=) се използва за добавяне на стойности на левия и десния операнд и присвояване на резултата на левия операнд.

нека a = 10;
нека b = 5;
// Еквивалентно на a = a+b
а += b;
console.log (a);

Изход:

15

Оператор за присвояване на изваждане(-=)

Операторът за присвояване на изваждане (-=) ще извади десния операнд от левия операнд и ще присвои резултата на левия операнд.

нека a = 10;
нека b = 5;
// Еквивалентно на a = a-b
а -= b;
console.log (a);

Изход:

5

Оператор за присвояване на умножение (*=)

Използвайте оператора за присвояване на умножение (*=), за да умножите стойностите на левия и десния операнд и да присвоите резултата на левия операнд.

нека a = 10;
нека b = 5;
// Еквивалентно на a = a*b
a *= b;
console.log (a);

Изход:

50

Оператор на присвояване на разделение (/=)

Можете да използвате оператора за присвояване на деление (/=), за да разделите стойността на левия операнд на стойността на десния операнд и да присвоите резултата на левия операнд.

нека a = 10;
нека b = 5;
// Еквивалентно на a = a/b
a /= b;
console.log (a);

Изход:

2

Остатък оператор за присвояване (%=)

Операторът за присвояване на остатъка (%=) разделя левия операнд на десния операнд и приписва остатъка на левия операнд.

нека a = 10;
нека b = 5;
// Еквивалентно на a = a%b
a %= b;
console.log (a);

Изход:

0

Оператор за присвояване на степенуване (**=)

Операторът за присвояване на степен (**=) повдига левия операнд до степента на десния операнд и присвоява резултата на левия операнд.

нека a = 10;
нека b = 5;
// Еквивалентно на a = a**b
a **= b;
console.log (a);

Изход:

100000

Операторите за побитово присвояване (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) работят по подобен начин. Ще научите за побитовите оператори в следващите раздели.

Свързани: Въведение в типовете данни в JavaScript

3. Строкови оператори

Операторът за конкатенация (+) се използва за конкатениране (добавяне) на низове.

let result = "Направи" + "Използване" + "От";
console.log (резултат);

Изход:

Да се ​​възползват от

4. Оператори за сравнение

Операторите за сравнение се използват за сравняване на операнди и връща логическа стойност (вярно или фалшиво) на базата на сравнение. JavaScript предоставя следните оператори за сравнение:

Равен оператор (==)

Равният оператор (==) се завръща вярно ако операндите са равни. Той сравнява само стойностите на операндите, игнорирайки техния тип, докато сравнява.

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

Изход:

фалшиво
вярно

Не е еднакъв оператор (!=)

Неравен оператор (!=) се завръща вярно ако операндите не са равни. Той също така игнорира типа на операндите, докато сравнява.

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

Изход:

вярно
фалшиво

Строг оператор равенство ()

Строгият оператор равен () се завръща вярно ако операндите са равни. Той сравнява и двете - стойностите и типовете операнди, докато сравнява.

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

Изход:

фалшиво
фалшиво

Строго неравен оператор (!==)

Строгият неравен оператор (!==) се завръща вярно ако операндите не са равни. Той също така сравнява и двете - стойностите и типа на операндите, докато сравнява.

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

Изход:

вярно
вярно

По-голямо от оператор (>)

Операторът по-голямо от (>) връща true, ако левият операнд е по-голям от десния операнд.

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

Изход:

вярно
фалшиво

По-голям от или равен оператор (>=)

Операторът по-голямо или равно (>=) връща true, ако левият операнд е по-голям или равен на десния операнд.

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

Изход:

вярно
вярно

По-малко от оператор (

Операторът по-малко от (<) връща true, ако левият операнд е по-малък от десния операнд.

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

Изход:

фалшиво
фалшиво

Оператор по-малко или равен (<=)

Операторът по-малко или равен (<=) връща true, ако левият операнд е по-малък или равен на десния операнд.

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

Изход:

фалшиво
вярно

Свързани: Как да създадете прост калкулатор с помощта на HTML, CSS и JavaScript

5. Логически оператори

Според длъжностното лице MDN документи, JavaScript предоставя следните логически оператори:

Логическо И (&&)

Използване: израз1 && израз2

Връща expr1, ако може да се преобразува във false; в противен случай връща израз2. Когато се използва с булеви стойности, && се завръща вярно ако и двата операнда са верни; в противен случай се връща фалшиво.

console.log (true && false);

Изход:

фалшиво

Логическо ИЛИ (||)

Използване: израз1 || израз2

Връща expr1, ако може да се преобразува в true; в противен случай връща израз2. Когато се използва с булеви стойности, || се завръща вярно ако някой от операнд е вярно; ако и двете са фалшиви, връща фалшиво.

console.log (true || false);

Изход:

вярно

Логично НЕ (!)

Използване: !expr

Се завръща фалшиво ако единичният му операнд може да се преобразува в истина; в противен случай се връща вярно.

console.log(!true);

Изход:

фалшиво

6. Побитови оператори

JavaScript предоставя следните побитови оператори:

Побитов оператор И (&)

Този оператор изпълнява булева И операция върху всеки бит от неговите целочислени аргументи.

// В двоично-
// 4: 100
// 1: 001
console.log (4 и 1);

Изход:

0

Побитов оператор ИЛИ (|)

Този оператор изпълнява булева ИЛИ операция върху всеки бит от неговите целочислени аргументи.

console.log (4 | 1);

Изход:

5

Побитов XOR оператор (^)

Този оператор изпълнява булева ексклузивност ИЛИ операция върху всеки бит от неговите целочислени аргументи.

console.log (4 ^ 1);

Изход:

5

Побитов оператор НЕ (~)

Този оператор обръща всички битове в операнда.

console.log(~4);

Изход:

-5

Забележка: JavaScript преобразува числата в 32-битови цели числа със знак, преди да извърши побитова операция. И когато операцията се извърши, тя преобразува резултата обратно в 64-битови числа на JavaScript.

Оператор на ляв Shift (<

Този оператор измества всички битове в първия си операнд наляво с броя места, посочени във втория операнд.

console.log (4<<1);

Изход:

8

Оператор на десен Shift (>>)

Този оператор измества всички битове в първия си операнд надясно с броя места, посочени във втория операнд.

console.log (4>>1);

Изход:

2

7. Специални оператори

Тернарен оператор

Тернарният оператор е кратката ръка на if-else изявление. Той присвоява стойност на променлива въз основа на условие, синтаксисът за същото е:

състояние? стойност1: стойност2

Ако условието е вярно, операторът връща стойността на стойност 1. В противен случай връща стойността на стойност 2.

нека резултат = (200>100)? "Да не";
console.log (резултат);

Изход:

да

Тип на оператора

В тип Операторът се използва за намиране на типа данни на стойност или променлива.

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

Изход:

номер
низ

Използвайте JavaScript One-Liners, за да кодирате като професионалист

Можете да извършвате широк спектър от операции, като използвате само един ред код в JavaScript. Независимо дали трябва да разбъркате масив, да откриете тъмен режим в браузър, да генерирате произволен UUID или да намерите средната стойност на масива, можете да го постигнете само с ред код.

11 едноредови JavaScript, които трябва да знаете

Постигнете много само с малко код, използвайки тази широка гама от едноредови JavaScript.

Прочетете Следващото

За автора