7 typów operatorów JavaScript, które musisz znać

Operator to symbol, który nakazuje interpreterowi wykonanie określonej operacji matematycznej, relacyjnej lub logicznej. Operatory przyjmują jeden lub więcej operandów i są w stanie manipulować wartościami docelowymi lub operandami.

W tym artykule dowiesz się o różnych operatorach w JavaScript i jak ich używać na przykładach.

Typy operatorów JavaScript

Oto różne operatory obsługiwane przez JavaScript:

1. Operatory arytmetyczne
2. Operatorzy przypisania
3. Operatory ciągów
4. Operatory porównania
5. Operatory logiczne
6. Operatory bitowe
7. Operatorzy specjalni

1. Operatory arytmetyczne

Operatorów arytmetycznych można używać do wykonywania obliczeń matematycznych na operandach. JavaScript udostępnia następujące operatory arytmetyczne:

Operator dodawania (+)

Możesz użyć operatora dodawania (+), aby wykonać dodawanie na operandach.

niech a = 12;
niech b = 10;
niech wynik = a+b;
console.log (wynik)
console.log (1+2);
console.log (a+6);

Wyjście:

22
3
18

Operator odejmowania (-)

Użyj operatora odejmowania (-), aby odjąć prawy operand od lewego operandu.

niech a = 10;
niech b = 4;
niech wynik = a-b;
console.log (wynik);
console.log (23-20);

Wyjście:

6
3

Operator mnożenia (*)

Skorzystaj z operatora mnożenia (*), aby pomnożyć operandy.

niech a = 10;
niech b = 4;
niech wynik = a*b;
console.log (wynik);
konsola.log (23*20);

Wyjście:

40
460

Operator dywizji (/)

Możesz użyć operatora dzielenia (/) do wykonania podziału na operandy.

niech a = 10;
niech b = 4;
niech wynik = a/b;
console.log (wynik);
konsola.log (40/20);

Wyjście:

2.5
2

Operator modułu (%)

Operator modułu (%) zwraca resztę liczb całkowitych przez przejęcie dwóch operandów.

niech a = 10;
niech b = 4;
niech wynik = a%b;
console.log (wynik);
console.log (40%20);

Wyjście:

2
0

Operator potęgowania (**)

Operator potęgowania (**) oblicza podstawę do potęgi wykładnika (podstawa^wykładnik).

niech a = 3;
console.log (a**4);

Wyjście:

81

Operator przyrostu (++)

Operator przyrostu (++) zwiększa wartość całkowitą o jeden.

niech a = 3;
// Wartość a=4 i zwraca 4
console.log(++a);
// Wartość a=5 i zwraca 4
console.log (a++);
// Wartość a=5 i zwraca 5
console.log (a);

Wyjście:

4
4
5

Operator dekrementacji (--)

Operator dekrementacji (--) zmniejsza liczbę całkowitą o jeden.

niech a = 3;
// Wartość a=2 i zwraca 2
console.log(--a);
// Wartość a=1 i zwraca 2
console.log (a--);
// Wartość a=1 i zwraca 1
console.log (a);

Wyjście:

2
2
1

Operator jednoargumentowy plus(+)

Jednoargumentowy operator plus (+) próbuje przekonwertować operand na liczbę, jeśli jeszcze nie jest.

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

Wyjście:

strunowy
numer
logiczne
numer

Jednoargumentowy operator negacji (-)

Jednoargumentowy operator negacji (-) zwraca negację swojego operandu.

niech a = 10;
console.log(-a);

Wyjście:

-10

2. Operatorzy przypisania

Użyj operatorów przypisania, aby przypisać wartości do zmiennych. JavaScript udostępnia następujące operatory przypisania:

Operator przypisania(=)

Możesz użyć operatora przypisania (=), aby przypisać wartość prawego operandu do lewego operandu.

// Przypisanie 10 do
niech a = 10;
console.log (a);

Wyjście:

10

Operator przypisania dodawania(+=)

Operator przypisania dodawania (+=) służy do dodawania wartości lewego i prawego operandu oraz przypisywania wyniku do lewego operandu.

niech a = 10;
niech b = 5;
// Odpowiednik a = a+b
a += b;
console.log (a);

Wyjście:

15

Operator przypisania odejmowania (-=)

Operator przypisania odejmowania (-=) odejmie prawy operand od lewego operandu i przypisze wynik do lewego operandu.

niech a = 10;
niech b = 5;
// Odpowiednik a = a-b
a -= b;
console.log (a);

Wyjście:

5

Operator przypisania mnożenia (*=)

Użyj operatora przypisania mnożenia (*=), aby pomnożyć wartości lewego i prawego operandu i przypisać wynik do lewego operandu.

niech a = 10;
niech b = 5;
// Odpowiednik a = a*b
a *= b;
console.log (a);

Wyjście:

50

Operator przydziału dywizji (/=)

Możesz użyć operatora przypisania podziału (/=), aby podzielić wartość lewego operandu przez wartość prawego operandu i przypisać wynik do lewego operandu.

niech a = 10;
niech b = 5;
// Odpowiednik a = a/b
a /= b;
console.log (a);

Wyjście:

2

Pozostały operator przypisania (%=)

Pozostały operator przypisania (%=) dzieli lewy operand przez prawy operand i przypisuje resztę do lewego operandu.

niech a = 10;
niech b = 5;
// Odpowiednik a = a% b
%= b;
console.log (a);

Wyjście:

0

Operator przypisania potęgowania (**=)

Operator przypisania potęgowania (**=) podnosi lewy operand do potęgi prawego operandu i przypisuje wynik do lewego operandu.

niech a = 10;
niech b = 5;
// Odpowiednik a = a**b
a**= b;
console.log (a);

Wyjście:

100000

Bitowe operatory przypisania (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) działają podobnie. O operatorach bitowych dowiesz się w kolejnych sekcjach.

Związane z: Wprowadzenie do typów danych w JavaScript

3. Operatory ciągów

Operator konkatenacji (+) służy do łączenia (dodawania) ciągów.

niech wynik = "Make" + "Użyj" + "Z";
console.log (wynik);

Wyjście:

Zrobić użytek z

4. Operatory porównania

Operatory porównania służą do porównywania operandów i zwracają wartość logiczną (prawda lub fałszywe) na podstawie porównania. JavaScript udostępnia następujące operatory porównania:

Równy operator (==)

Równy operator (==) zwroty prawda jeśli operandy są równe. Porównuje tylko wartości operandów, ignorując ich typ podczas porównywania.

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

Wyjście:

fałszywe
prawda

Nie równy operator (!=)

Nie równy operator (!=) zwroty prawda jeśli operandy nie są równe. Podczas porównywania ignoruje również typ operandów.

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

Wyjście:

prawda
fałszywe

Ścisły operator równy ()

Ściśle równy operator () zwroty prawda jeśli operandy są równe. Porównuje zarówno wartości, jak i typy operandów podczas porównywania.

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

Wyjście:

fałszywe
fałszywe

Operator ścisły nie równy (!==)

Ścisły nie równy operator (!==) zwroty prawda jeśli operandy nie są równe. Porównuje również zarówno wartości, jak i typ operandów podczas porównywania.

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

Wyjście:

prawda
prawda

Większy niż operator (>)

Operator większy niż (>) zwraca prawdę, jeśli lewy operand jest większy niż prawy operand.

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

Wyjście:

prawda
fałszywe

Operator większy lub równy (>=)

Operator większy lub równy (>=) zwraca prawdę, jeśli lewy operand jest większy lub równy prawemu operandowi.

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

Wyjście:

prawda
prawda

Mniej niż operator (

Operator mniej niż (<) zwraca prawdę, jeśli lewy operand jest mniejszy niż prawy operand.

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

Wyjście:

fałszywe
fałszywe

Operator mniejszy lub równy (<=)

Operator mniejszy lub równy (<=) zwraca prawdę, jeśli lewy operand jest mniejszy lub równy prawemu operandowi.

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

Wyjście:

fałszywe
prawda

Związane z: Jak zbudować prosty kalkulator za pomocą HTML, CSS i JavaScript

5. Operatory logiczne

Według urzędnika Dokumenty MDN, JavaScript udostępnia następujące operatory logiczne:

Logiczne AND (&&)

Stosowanie: wyr1 && wyr2

Zwraca wyr1, jeśli można je przekonwertować na fałsz; w przeciwnym razie zwraca wyr2. W przypadku użycia z wartościami boolowskimi, && zwroty prawda jeśli oba operandy są prawdziwe; w przeciwnym razie wraca fałszywe.

console.log (prawda i fałsz);

Wyjście:

fałszywe

Logiczne LUB (||)

Stosowanie: wyr1 || wyr2

Zwraca wyr1, jeśli można je przekonwertować na prawdę; w przeciwnym razie zwraca wyr2. W przypadku użycia z wartościami boolowskimi, || zwroty prawda jeśli któryś z operandów jest prawdziwy; jeśli oba są fałszywe, zwraca fałszywe.

console.log (prawda || fałsz);

Wyjście:

prawda

Logiczne NIE (!)

Stosowanie: !ekspr

Zwroty fałszywe czy jego pojedynczy operand może zostać przekonwertowany na prawdę; w przeciwnym razie zwraca prawda.

konsola.log(!prawda);

Wyjście:

fałszywe

6. Operatory bitowe

JavaScript udostępnia następujące operatory bitowe:

Bitowy operator AND (&)

Ten operator wykonuje Boolean ORAZ operacja na każdym bicie jego argumentów całkowitych.

// W binarnym-
// 4: 100
// 1: 001
console.log (4 i 1);

Wyjście:

0

Bitowy operator OR (|)

Ten operator wykonuje Boolean LUB operacja na każdym bicie jego argumentów całkowitych.

konsola.log (4 | 1);

Wyjście:

5

Bitowy operator XOR (^)

Ten operator wykonuje wyłączność logiczną LUB operacja na każdym bicie jego argumentów całkowitych.

console.log (4 ^ 1);

Wyjście:

5

Operator bitowy NOT (~)

Ten operator odwraca wszystkie bity w operandzie.

console.log(~4);

Wyjście:

-5

Notatka: JavaScript konwertuje liczby na 32-bitowe liczby całkowite ze znakiem przed wykonaniem operacji bitowej. A kiedy operacja jest wykonywana, konwertuje wynik z powrotem na 64-bitowe liczby JavaScript.

Operator zmiany lewej (<

Operator ten przesuwa wszystkie bity w swoim pierwszym operandzie w lewo o liczbę miejsc określoną w drugim operandzie.

console.log (4<<1);

Wyjście:

8

Operator zmiany prawej (>>)

Operator ten przesuwa wszystkie bity swojego pierwszego operandu w prawo o liczbę miejsc określoną w drugim operandzie.

console.log (4>>1);

Wyjście:

2

7. Operatorzy specjalni

Operator trójskładnikowy

Operator trójskładnikowy to skrót od instrukcja if-else. Przypisuje wartość do zmiennej na podstawie warunku, składnia tego samego to:

stan: schorzenie? wartość1: wartość2

Jeśli warunek jest spełniony, operator zwraca wartość wartość1. W przeciwnym razie zwraca wartość wartość2.

niech wynik = (200>100)? "Tak nie";
console.log (wynik);

Wyjście:

tak

Rodzaj operatora

ten typ operator służy do znajdowania typu danych wartości lub zmiennej.

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

Wyjście:

numer
strunowy

Używaj jednolinijek JavaScript, aby kodować jak profesjonalista

Możesz wykonać szeroki zakres operacji, używając tylko jednej linii kodu w JavaScript. Niezależnie od tego, czy potrzebujesz przetasować tablicę, wykryć tryb ciemny w przeglądarce, wygenerować losowy identyfikator UUID, czy znaleźć średnią tablicy, możesz to osiągnąć za pomocą tylko jednej linii kodu.

11 tekstów o JavaScript, które powinieneś znać

Osiągnij wiele za pomocą niewielkiej ilości kodu, korzystając z tej szerokiej gamy jednolinijek JavaScript.

Czytaj dalej

O autorze