Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript operatorzy referencyjny


Operatorzy JavaScript służą do przypisania wartości, porównania wartości, wykonywać operacje arytmetyczne i więcej.


JavaScript Operatory arytmetyczne

Operatory arytmetyczne służą do wykonywania działań arytmetycznych między zmiennymi i / lub wartości.

Biorąc pod uwagę, że y = 5 , tabela poniżej wyjaśnia operatory arytmetyczne:

Operator Opis Przykład Wynik w Y Wynik w x Spróbuj
+ Dodanie x = y + 2 Y = 5 X = 7 Spróbuj "
- Odejmowanie X = Y - 2 Y = 5 X = 3 Spróbuj "
* Mnożenie X = Y * 2 Y = 5 x = 10 Spróbuj "
/ Podział X = Y / 2 Y = 5 x = 2.5 Spróbuj "
% Moduł (division remainder) X = 2% r Y = 5 x = 1 Spróbuj "
++ Przyrost X = Y ++ y = 6, X = 6 Spróbuj "
X = Y ++ y = 6, X = 5 Spróbuj "
- Decrement X = --y y = 4 X = 4 Spróbuj "
X = y-- y = 4 X = 5 Spróbuj "

Samouczek na temat operatorów arytmetycznych, przeczytaj naszą JavaScript arytmetyczne Tutorial .


Operatory przypisania JavaScript

operatory przypisania są stosowane do przypisania wartości do zmiennych JavaScript.

Biorąc pod uwagę, że x = 10 i y = 5 , tabela poniżej objaśnia operatorów przypisania:

Operator Przykład Taki sam jak Wynik w x Spróbuj
= X = Y X = Y X = 5 Spróbuj "
+ = x + y = X = x + y x = 15 Spróbuj "
- = x - = y X = X - Y X = 5 Spróbuj "
* = X * = Y X = X * Y x = 50 Spróbuj "
/ = X / Y = X = X / Y X = 2 Spróbuj "
% = x% = Y x = X% r X = 0 Spróbuj "

Samouczek na temat operatorów przypisania, przeczytaj naszą Przypisywanie JavaScript Tutorial .


Operatorzy JavaScript strunowe

Operator + i + = operatora może być również stosowany do łączenia (add) strun.

Biorąc pod uwagę, że text1 = "Good " , text2 = "Morning" , a text3 = "" , poniższa tabela wyjaśnia operatorów:

Operator Przykład text1 text2 text3 Spróbuj
+ Text3 = tekst1 + tekst2 "Dobry " "Ranek" "Dzień dobry" Spróbuj "
+ = tekst1 + = tekst2 "Dzień dobry" "Ranek" „” Spróbuj "

Operatorzy porównania

operatory porównania są stosowane w sprawozdaniu logicznych do określenia równości lub różnicę między zmiennymi lub wartości.

Biorąc pod uwagę, że x = 5 , tabela poniżej wyjaśnia operatory porównania:

Operator Opis porównując Zwroty Spróbuj
== równy x == 8 fałszywy Spróbuj "
x == 5 prawdziwe Spróbuj "
=== równej wartości i równa typ x === "5" fałszywy Spróbuj "
x === 5 prawdziwe Spróbuj "
! = nie równe x! = 8 prawdziwe Spróbuj "
! == nie równa wartości lub nie równy typ x! == "5" prawdziwe Spróbuj "
x! == 5 fałszywy Spróbuj "
> lepszy niż x> 8 fałszywy Spróbuj "
< mniej niż x <8 prawdziwe Spróbuj "
> = większe bądź równe x> = 8 fałszywy Spróbuj "
< mniejszy lub równy x <8 prawdziwe Spróbuj "

Samouczek na temat operatorów porównania, przeczytaj nasze Porównania JavaScript Tutorial .


Warunkowo (Ternary) Operator

Operator warunkowy przypisuje wartość do zmiennej opartej na warunku.

Składnia Przykład Spróbuj
variableName = ( condition ) ? wartosc1: value2 voteable = (age < 18) ? "Too young" : "dość stary"; Spróbuj "

Przykład wyjaśnił: Jeśli zmienna "age" jest wartością poniżej 18, wartość zmiennej "voteable" będzie "Too young" , w przeciwnym razie wartość voteable będzie "Old enough" .


operatory logiczne

operatory logiczne są używane do określenia logiki między zmiennymi lub wartości.

Biorąc pod uwagę, że x = 6 and y = 3 , tabela poniżej opisano operatory logiczne:

Operator Opis Przykład Spróbuj
&& i (x < 10 && y > 1) jest prawdziwa Spróbuj "
|| lub (X === 5 || r === 5) jest fałszywy Spróbuj "
! nie !(x === y) prawda Spróbuj "

JavaScript Operatory bitowe

operatory bitowe działa na 32 bitowych liczb. Każdy argumentu numeryczny operacji przeprowadza się szereg 32 bitów. Rezultatem jest przekształcany z powrotem do szeregu JavaScript.

Operator Opis Przykład Taki sam jak Wynik Dziesiętny
& I X = 5 i 1 0101 & 0001 0001 1
| LUB x = 5 | 1 0101 | 0001 0101 5
~ NIE X = ~ 5 ~ 0101 1010 10
^ XOR X = 5 ^ 1 0101 ^ 0001 0100 4
<< przesunięcie w lewo X = 5 << 1 0101 << 1 1010 10
>> przesunięcie w prawo X = 5 >> 1 0101 >> 1 0010 2

Powyższe przykłady wykorzystuje 4 bity unsigned przykładach. Ale JavaScript używa 32-bitowej liczby.

Z tego powodu, w JavaScript, ~ 5 nie będzie powrotu 10. Powróci -6.

~ 00000000000000000000000000000101 powróci 11111111111111111111111111111010


Typeof Operator

Operator typeof zwraca typu zmiennego, obiekt, funkcji lub wyrażenia:

Przykład

typeof "John"                 // Returns string
typeof 3.14                   // Returns number
typeof NaN                    // Returns number
typeof false                  // Returns boolean
typeof [1, 2, 3, 4]           // Returns object
typeof {name:'John', age:34}  // Returns object
typeof new Date()             // Returns object
typeof function () {}         // Returns function
typeof myCar                  // Returns undefined (if myCar is not declared)
typeof null                   // Returns object
Spróbuj sam "

Należy przestrzegać:

  • Typ danych NaN jest numer
  • Typ danych tablicy jest przedmiotem
  • Typ danych data jest obiekt
  • Typ danych null jest przedmiotem
  • Typ danych zmiennej niezdefiniowanej jest niezdefiniowany

Nie można używać typeof zdefiniować jeśli obiekt JavaScript jest tablicą (or a date) .


Operator delete

Operator delete usuwa obiekt z obiektu:

Przykład

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age;   // or delete person["age"];
Spróbuj sam "

Operator delete usuwa zarówno na wartość nieruchomości, jak i sama nieruchomość.

Po skasowaniu, obiekt nie może być stosowany przed dodaniem powrotem.

Operator delete jest przeznaczony do stosowania na właściwości obiektu. To nie ma wpływu na zmiennych lub funkcji.

Uwaga: Operator usuwania nie powinny być wykorzystywane na predefiniowanych właściwości obiektu JavaScript. To może upaść swoją aplikację.


Operator in

Operator in zwraca wartość true, jeśli określony obiekt jest w określonym obiekcie, w przeciwnym razie false:

Przykład

// Arrays
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // Returns false (specify the index number instead of value)
0 in cars               // Returns true
1 in cars               // Returns true
4 in cars               // Returns false (does not exist)
"length" in cars        // Returns true  (length is an Array property)

// Objects
var person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person   // Returns true
"age" in person         // Returns true

// Predefined objects
"PI" in Math            // Returns true
"NaN" in Number         // Returns true
"length" in String      // Returns true
Spróbuj sam "

Instanceof Operator

Operator instancją powraca prawdą, jeśli obiekt jest wystąpienie określonego obiektu

Przykład

var cars = ["Saab", "Volvo", "BMW"];

cars instanceof Array;          // Returns true
cars instanceof Object;         // Returns true
cars instanceof String;         // Returns false
cars instanceof Number;         // Returns false
Spróbuj sam "

Pustka Operator

Operator void ocenia wyrażenie i zwraca niezdefiniowane. Operator jest często używany w celu uzyskania nieokreślonej wartości pierwotnych, przy użyciu „ void(0) ” (użyteczne przy ocenie ekspresji bez użycia wartość powrotną).

Przykład

<a href="javascript:void(0);">
  Useless link
</a>

<a href="javascript:void(document.body.style.backgroundColor='red');">
  Click me to change the background color of body to red
</a>
Spróbuj sam "