Operator to symbol operujący na wartości lub danych. Reprezentuje konkretną czynność związaną z pracą z danymi. Dane, na których działają operatory, nazywane są operandami. Można go używać z jedną lub wieloma wartościami, aby utworzyć pojedynczą wartość. Wszystkie standardowe operatory JavaScript są dostępne w programie TypeScript.
Przykład
10 + 10 = 20;
W powyższym przykładzie wartości „10” i „20” są znane jako operand, natomiast „+” i „=” są znane jako operatory.
Operatory w TypeScript
W TypeScript operator można podzielić na następujące sposoby.
- Operatory arytmetyczne
- Operatory porównania (relacyjne).
- Operatory logiczne
- Operatory bitowe
- Operatory przypisania
- Operator trójskładnikowy/warunkowy
- Operator łączenia
- Typ operatora
Operatory arytmetyczne
Operatory arytmetyczne przyjmują wartości liczbowe jako argumenty, wykonują akcję, a następnie zwracają pojedynczą wartość liczbową. Najpopularniejszymi operatorami arytmetycznymi są dodawanie(+), odejmowanie(-), mnożenie(*) i dzielenie(/).
| Operator | Imię operatora | Opis | Przykład |
|---|---|---|---|
| + | Dodatek | Zwraca dodanie wartości. | let a = 20; let b = 30; let c = a + b; console.log( c ); // <strong>Output</strong> 30 |
| - | Odejmowanie | Zwraca różnicę wartości. | let a = 30; let b = 20; let c = a - b; console.log( c ); // <strong>Output</strong> 10 |
| * | Mnożenie | Zwraca iloczyn wartości. | let a = 30; let b = 20; let c = a * b; console.log( c ); // <strong>Output</strong> 600 |
| / | Dział | Wykonuje operację dzielenia i zwraca iloraz. | let a = 100; let b = 20; let c = a / b; console.log( c ); // <strong>Output</strong> 5 |
| % | Moduł | Wykonuje operację dzielenia i zwraca resztę. | let a = 95; let b = 20; let c = a % b; console.log( c ); // <strong>Output</strong> 15 |
| ++ | Przyrost | Służy do zwiększania wartości zmiennej o jeden. | let a = 55; a++; console.log( a ); // <strong>Output</strong> 56 |
| -- | Zmniejszenie | Służy do zmniejszania wartości zmiennej o jeden. | let a = 55; a--; console.log( a ); // <strong>Output</strong> 54 |
Operatory porównania (relacyjne).
Operatory porównania służą do porównywania dwóch operandów. Operatory te zwracają wartość logiczną typu true lub false. Poniżej podano najważniejsze operatory porównania.
| Operator | Imię operatora | Opis | Przykład |
|---|---|---|---|
| == | Jest równe | Sprawdza, czy wartości obu operandów są równe, czy nie. | let a = 10; let b = 20; console.log(a==b); //false console.log(a==10); //true console.log(10=='10'); //true |
| === | Identyczne (równe i tego samego typu) | Sprawdza, czy typ i wartości dwóch operandów są równe, czy nie. | let a = 10; let b = 20; console.log(a===b); //false console.log(a===10); //true console.log(10==='10'); //false |
| != | Nie równe | Sprawdza, czy wartości obu operandów są równe, czy nie. | let a = 10; let b = 20; console.log(a!=b); //true console.log(a!=10); //false console.log(10!='10'); //false |
| !== | Nieidentyczny | Sprawdza, czy typ i wartości dwóch operandów są równe, czy nie. | let a = 10; let b = 20; console.log(a!==b); //true console.log(a!==10); /false console.log(10!=='10'); //true |
| > | Lepszy niż | Sprawdza, czy wartość lewego operandu jest większa niż wartość prawego operandu, czy nie. | let a = 30; let b = 20; console.log(a>b); //true console.log(a>30); //false console.log(20> 20'); //false |
| >= | Większe bądź równe | Sprawdza, czy wartość lewego operandu jest większa lub równa wartości prawego operandu, czy nie. | let a = 20; let b = 20; console.log(a>=b); //true console.log(a>=30); //false console.log(20>='20'); //true |
| < | Mniej niż | Sprawdza, czy wartość lewego operandu jest mniejsza niż wartość prawego operandu, czy nie. | let a = 10; let b = 20; console.log(a <b); true console.log(a<10); false console.log(10<'10'); false< pre></b);> |
| <=< td> | Mniejszy lub równy | Sprawdza, czy wartość lewego operandu jest mniejsza lub równa wartości prawego operandu, czy nie. | let a = 10; let b = 20; console.log(a<=b); true console.log(a<="10);" console.log(10<="10" ); true< pre></=b);> |
Operatory logiczne
Operatory logiczne służą do łączenia dwóch lub więcej warunków w jedno wyrażenie i zwracają wynik logiczny typu „prawda” lub „fałsz”. Poniżej podano operatory logiczne.
| Operator | Imię operatora | Opis | Przykład |
|---|---|---|---|
| && | Logiczne AND | Zwraca wartość true, jeśli oba operandy (wyrażenie) są prawdziwe, w przeciwnym razie zwraca wartość false. | let a = false; let b = true; console.log(a&&b); /false console.log(b&&true); //true console.log(b&&10); //10 which is also 'true' console.log(a&&'10'); //false |
| || | Logiczne LUB | Zwraca wartość true, jeśli którykolwiek z operandów (wyrażeń) ma wartość true, w przeciwnym razie zwraca wartość false. | let a = false; let b = true; console.log(a||b); //true console.log(b||true); //true console.log(b||10); //true console.log(a||'10'); //'10' which is also 'true' |
| ! | Logiczne NIE | Zwraca odwrotny wynik operandu (wyrażenia). | let a = 20; let b = 30; console.log(!true); //false console.log(!false); //true console.log(!a); //false console.log(!b); /false console.log(!null); //true |
Operatory bitowe
Operatory bitowe wykonują operacje bitowe na operandach. Operatory bitowe są następujące.
| Operator | Imię operatora | Opis | Przykład |
|---|---|---|---|
| & | Bitowe AND | Zwraca wynik operacji logicznej AND na każdym bicie argumentów całkowitych. | let a = 2; let b = 3; let c = a & b; console.log(c); // <br> <strong>Output <strong> 2 </strong></strong> |
| | | Bitowe LUB | Zwraca wynik operacji logicznej OR na każdym bicie argumentów całkowitych. | let a = 2; let b = 3; let c = a | b; console.log(c); // <br> <strong>Output</strong> 3 |
| ^ | Bitowy XOR | Zwraca wynik operacji Boolean Exclusive OR na każdym bicie argumentów całkowitych. | let a = 2; let b = 3; let c = a ^ b; console.log(c); // <strong>Output </strong> 1 |
| ~ | Bitowe NIE | Odwraca każdy bit w operandach. | let a = 2; let c = ~ a; console.log(c); // <strong>Output</strong> -3 |
| >> | Bitowe przesunięcie w prawo | Wartość lewego operandu jest przesuwana w prawo o liczbę bitów określoną w prawym operandze. | let a = 2; let b = 3; let c = a >> b; console.log(c); // <strong>Output </strong> 0 |
| << | Bitowe przesunięcie w lewo | Wartość lewego operandu jest przesuwana w lewo o liczbę bitów określoną w prawym operandze. Nowe bity są wypełniane zerami po prawej stronie. | let a = 2; let b = 3; let c = a << b; console.log(c); // <strong>Output </strong> 16 |
| >>> | Bitowe przesunięcie w prawo z zerem | Wartość lewego operandu jest przesuwana w prawo o liczbę bitów określoną w prawym operandze, a zera dodawane są po lewej stronie. | let a = 3; let b = 4; let c = a >>> b; console.log(c); // <strong>Output </strong> 0 |
Operatory przypisania
Operatory przypisania służą do przypisania wartości zmiennej. Lewa strona operatora przypisania nazywana jest zmienną, a prawa strona operatora przypisania nazywana jest wartością. Typ danych zmiennej i wartości musi być taki sam, w przeciwnym razie kompilator zgłosi błąd. Operatory przypisania są następujące.
ciąg na liczbę całkowitą
| Operator | Imię operatora | Opis | Przykład |
|---|---|---|---|
| = | Przydzielać | Przypisuje wartości z prawej strony do lewego operandu. | let a = 10; let b = 5; console.log('a=b:' +a); // <strong>Output </strong> 10 |
| += | Dodaj i przypisz | Dodaje lewy operand do prawego operandu i przypisuje wynik do lewego operandu. | let a = 10; let b = 5; let c = a += b; console.log(c); // <strong>Output </strong> 15 |
| -= | Odejmij i przypisz | Odejmuje prawy operand od lewego operandu i przypisuje wynik do lewego operandu. | let a = 10; let b = 5; let c = a -= b; console.log(c); // <strong>Output </strong> 5 |
| *= | Pomnóż i przypisz | Mnoży lewy operand przez prawy operand i przypisuje wynik do lewego operandu. | let a = 10; let b = 5; let c = a *= b; console.log(c); // <strong>Output </strong> 50 |
| /= | Dziel i przydzielaj | Dzieli lewy operand z prawym i przypisuje wynik do lewego operandu. | let a = 10; let b = 5; let c = a /= b; console.log(c); // <strong>Output </strong> 2 |
| %= | Moduł i przypisanie | Dzieli lewy operand z prawym i przypisuje wynik do lewego operandu. | let a = 16; let b = 5; let c = a %= b; console.log(c); // <strong>Output </strong> 1 |
Operator trójskładnikowy/warunkowy
Operator warunkowy pobiera trzy operandy i zwraca wartość logiczną na podstawie warunku, niezależnie od tego, czy jest on prawdziwy, czy fałszywy. Jej działanie jest podobne do instrukcji if-else. Operator warunkowy ma łączność od prawej do lewej. Poniżej podana jest składnia operatora warunkowego.
expression ? expression-1 : expression-2;
Przykład
let num = 16; let result = (num > 0) ? 'True':'False' console.log(result);
Wyjście:
True
Operator łączenia
Operator łączenia (+) to operator używany do dołączenia dwóch ciągów znaków. W operacji konkatenacji nie możemy dodać spacji pomiędzy ciągami. Możemy połączyć wiele ciągów w jednej instrukcji. Poniższy przykład pomaga nam zrozumieć operator łączenia w TypeScript.
Przykład
let message = 'Welcome to ' + 'JavaTpoint'; console.log('Result of String Operator: ' +message);
Wyjście:
Result of String Operator: Welcome to JavaTpoint
Operatory typu
Dostępny jest zbiór operatorów, które mogą pomóc w pracy z obiektami w TypeScript. Operatory takie jak typeof, instancjiof, in i Delete są przykładami operatora Type. Szczegółowe wyjaśnienie tych operatorów podano poniżej.
| Imię operatora | Opis | Przykład |
|---|---|---|
| W | Służy do sprawdzania istnienia właściwości obiektu. | let Bike = {make: 'Honda', model: 'CLIQ', year: 2018}; console.log('make' in Bike); // <strong>Output:</strong> true |
| usuwać | Służy do usuwania właściwości z obiektów. | let Bike = { Company1: 'Honda', Company2: 'Hero', Company3: 'Royal Enfield' }; delete Bike.Company1; console.log(Bike); // <strong>Output:</strong> { Company2: 'Hero', Company3: 'Royal Enfield' } |
| typ | Zwraca typ danych operandu. | let message = 'Welcome to ' + 'JavaTpoint'; console.log(typeof message); // <strong>Output:</strong> String |
| wystąpienie | Służy do sprawdzania, czy obiekt jest określonego typu, czy nie. | let arr = [1, 2, 3]; console.log( arr instanceof Array ); // true console.log( arr instanceof String ); // false |