JavaScript-Operatoren werden verwendet, um Werte zuweisen, vergleichen Werte, führen arithmetische Operationen und vieles mehr.
JavaScript Arithmetische Operatoren
Arithmetische Operatoren werden benutzt, um arithmetische zwischen Variablen und / oder Wert.
Da y = 5 , unten in der Tabelle die arithmetischen Operatoren erklärt:
| Operator | Beschreibung | Beispiel | Ergebnis in y | Ergebnis in x | Versuch es |
|---|---|---|---|---|---|
| + | Zusatz | x = y + 2 | y = 5 | x = 7 | Versuch es " |
| - | Subtraktion | x = y - 2 | y = 5 | x = 3 | Versuch es " |
| * | Multiplikation | x = y * 2 | y = 5 | x = 10 | Versuch es " |
| / | Aufteilung | x = y / 2 | y = 5 | x = 2,5 | Versuch es " |
| % | Modulus (division remainder) | x = y% 2 | y = 5 | x = 1 | Versuch es " |
| ++ | Zuwachs | x = y ++ | y = 6 | x = 6 | Versuch es " |
| x = y ++ | y = 6 | x = 5 | Versuch es " | ||
| - | Decrement | x = --y | y = 4 | x = 4 | Versuch es " |
| x = Y-- | y = 4 | x = 5 | Versuch es " |
Ein Tutorial über arithmetische Operatoren, lesen Sie unsere JavaScript Arithmetik Tutorial .
JavaScript Zuweisungsoperatoren
Zuweisungsoperatoren werden verwendet, um Werte zu JavaScript-Variablen zugewiesen werden soll.
Da x = 10 und y = 5 , nachstehenden Tabelle werden die Zuweisungsoperatoren erläutert:
| Operator | Beispiel | Gleich wie | Ergebnis in x | Versuch es |
|---|---|---|---|---|
| = | x = y | x = y | x = 5 | Versuch es " |
| + = | x + y = | x = x + y | x = 15 | Versuch es " |
| - = | x - y = | x = x - y | x = 5 | Versuch es " |
| * = | x = y * | x = x * y | x = 50 | Versuch es " |
| / = | x / y = | x = x / y | x = 2 | Versuch es " |
| % = | x = y% | x = x% y | x = 0 | Versuch es " |
Ein Tutorial über Zuweisungsoperatoren, lesen Sie unsere JavaScript Zuordnung Tutorial .
JavaScript String-Operatoren
Der Operator + und der + = Operator kann auch verketten verwendet werden (add) Strings.
Da text1 = "Good " , text2 = "Morning" und text3 = "" , erklärt der folgenden Tabelle sind die Operatoren:
| Operator | Beispiel | text1 | text2 | text3 | Versuch es |
|---|---|---|---|---|---|
| + | text3 = Text1 + Text2 | "Gut " | "Morgen" | "Guten Morgen" | Versuch es " |
| + = | text1 + = text2 | "Guten Morgen" | "Morgen" | „“ | Versuch es " |
Vergleichsoperatoren
Vergleichsoperatoren sind in logische Aussagen verwendet, um die Gleichheit oder Differenz zwischen Variablen oder Werte zu bestimmen.
Da x = 5 , unten in der Tabelle die Vergleichsoperatoren erklärt:
| Operator | Beschreibung | Im Vergleich | Kehrt zurück | Versuch es |
|---|---|---|---|---|
| == | gleich | x == 8 | falsch | Versuch es " |
| x == 5 | wahr | Versuch es " | ||
| === | den gleichen Wert und die gleiche Art | x === "5" | falsch | Versuch es " |
| x 5 === | wahr | Versuch es " | ||
| ! = | nicht gleich | x! = 8 | wahr | Versuch es " |
| ! == | nicht den gleichen Wert oder ungleich Typ | x! == "5" | wahr | Versuch es " |
| x! == 5 | falsch | Versuch es " | ||
| > | größer als | x> 8 | falsch | Versuch es " |
| < | weniger als | x <8 | wahr | Versuch es " |
| > = | größer als oder gleich wie | x> = 8 | falsch | Versuch es " |
| <= | Gleich oder kleiner als | x <= 8 | wahr | Versuch es " |
Ein Tutorial über Vergleichsoperatoren, lesen Sie unsere JavaScript Vergleiche Tutorial .
Bedingte (Ternary) Operator
Der Bedingungsoperator weist einen Wert einer Variablen auf der Grundlage einer Bedingung.
| Syntax | Beispiel | Versuch es |
|---|---|---|
| Variablenname = ( condition ) ? Wert1: Wert2 | voteable = (age < 18) ? "Too young" : „Alt genug“; | Versuch es " |
Erklärt Beispiel: Wenn die Variable "age" ein Wert unter 18 ist, wird der Wert der Variablen "voteable" sein wird "Too young" , andernfalls wird der Wert von voteable wird "Old enough" .
Logische Operatoren
Logische Operatoren werden verwendet, um die Logik zwischen Variablen oder Werten zu bestimmen.
Da x = 6 and y = 3 , unten in der Tabelle die logischen Operatoren erläutert:
| Operator | Beschreibung | Beispiel | Versuch es |
|---|---|---|---|
| && | und | (x < 10 && y > 1) ist wahr , | Versuch es " |
| || | oder | (X === 5 || y === 5) falsch ist | Versuch es " |
| ! | nicht | !(x === y) gilt | Versuch es " |
JavaScript Bit-Operatoren
Bitoperatoren arbeitet auf 32-Bit-Zahlen. Ein beliebiger numerischer Operanden im Betrieb wird in eine 32-Bit-Zahl umgewandelt. Das Ergebnis wird in eine JavaScript-Zahl umgewandelt zurück.
| Operator | Beschreibung | Beispiel | Gleich wie | Ergebnis | Dezimal |
|---|---|---|---|---|---|
| & | UND | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | | ODER | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | NICHT | x = ~ 5 | ~ 0101 | 1010 | 10 |
| ^ | XOR | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
| << | Linksverschiebung | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
| >> | Verschiebung nach rechts | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
Die obigen Beispiele verwendet 4 Bits unsigned Beispiele. Aber JavaScript verwendet 32-Bit-Zahlen mit Vorzeichen.
Aus diesem Grund, in JavaScript, um ~ 5 nicht 10. zurückkehren Es wird wieder -6.
~ 00000000000000000000000000000101 wird 11111111111111111111111111111010 zurückkehren
Der typeof Operator
Der typeof Operator gibt den Typ einer Variable, ein Objekt, eine Funktion oder Expression:
Beispiel
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
Versuch es selber " Bitte beachten Sie:
- Der Datentyp ist NaN Nummer
- Der Datentyp eines Arrays Objekt
- Der Datentyp eines Datums Objekt
- Der Datentyp des Objekts Null ist
- Der Datentyp eines undefinierten variable undefiniert
Sie können nicht typeof zu definieren , verwendet werden, wenn ein JavaScript - Objekt ist ein Array (or a date) .
Der Lösch Operator
Der Operator delete löscht eine Eigenschaft von einem Objekt:
Beispiel
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age; // or delete person["age"];
Versuch es selber " Der Operator delete löscht sowohl den Wert der Immobilie und die Immobilie selbst.
Nach dem Löschen kann die Eigenschaft nicht verwendet werden, bevor es wieder hinzugerechnet wird.
Der Operator delete ist so konzipiert, auf Objekteigenschaften verwendet werden. Sie hat keine Auswirkung auf Variablen oder Funktionen.
Hinweis: Der Operator delete sollte nicht auf vordefinierte Objekteigenschaften JavaScript verwendet werden. Es kann Ihre Anwendung zum Absturz bringen.
Die in Operator
Die in - Operator gibt true , wenn die angegebene Eigenschaft in dem angegebenen Objekt ist, andernfalls false:
Beispiel
// 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
Versuch es selber " Der instanceof Operator
Der instanceof - Operator gibt true zurück , wenn das angegebene Objekt eine Instanz des angegebenen Objekts ist:
Beispiel
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
Versuch es selber " Der Operator void
Der Operator void wertet einen Ausdruck aus und gibt undefined zurück. Dieser Operator wird häufig verwendet , um den undefinierten Grundwert zu erhalten, „mit void(0) “ (nützlich , wenn ohne Verwendung der Rückgabewert Auswertung eines Ausdrucks).
Beispiel
<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>
Versuch es selber "