### Operatoren in JavaScript
Operatoren in JavaScript sind spezielle Symbole, die zum Ausführen von Operationen an Werten und Variablen verwendet werden. Diese Operationen können arithmetische, Zuweisungs-, Vergleichs-, logische und andere Aktionen umfassen. Das Verständnis von Operatoren ist für die Durchführung grundlegender Berechnungen, Vergleiche und die Steuerung des Codeflusses von entscheidender Bedeutung.
JavaScript unterstützt eine Vielzahl von Operatoren und sie werden in die folgenden Typen eingeteilt:
### 1. **Arithmetische Operatoren**
Arithmetische Operatoren werden verwendet, um mathematische Berechnungen für Zahlen durchzuführen.
Operator | Description | Example |
---|---|---|
Addition | 5 3 → 8 | |
- | Subtraction | 5 - 3 → 2 |
* | Multiplication | 5 * 3 → 15 |
/ | Division | 5 / 3 → 1.666... |
% | Modulus (Remainder) | 5 % 3 → 2 |
** | Exponentiation | 5 ** 2 → 25 |
let a = 10; let b = 2; console.log(a + b); // Output: 12 console.log(a - b); // Output: 8 console.log(a * b); // Output: 20 console.log(a / b); // Output: 5 console.log(a % b); // Output: 0 console.log(a ** b); // Output: 100
**
Zuweisungsoperatoren werden verwendet, um Variablen Werte zuzuweisen.
Operator | Description | Example |
---|---|---|
= | Assign value | x = 5 |
= | Add and assign | x = 3 → x = x 3 |
-= | Subtract and assign | x -= 2 → x = x - 2 |
*= | Multiply and assign | x *= 4 → x = x * 4 |
/= | Divide and assign | x /= 2 → x = x / 2 |
%= | Modulus and assign | x %= 3 → x = x % 3 |
**= | Exponentiation and assign | x **= 2 → x = x ** 2 |
let a = 10; let b = 2; console.log(a + b); // Output: 12 console.log(a - b); // Output: 8 console.log(a * b); // Output: 20 console.log(a / b); // Output: 5 console.log(a % b); // Output: 0 console.log(a ** b); // Output: 100
### 3. **Vergleichsoperatoren**
Vergleichsoperatoren werden verwendet, um Werte zu vergleichen und basierend auf der Bedingung einen Booleschen Wert (wahr oder falsch) zurückzugeben.
Operator | Description | Example |
---|---|---|
== | Equal to (loose) | 5 == '5' → true |
=== | Equal to (strict) | 5 === '5' → false |
!= | Not equal to (loose) | 5 != '5' → false |
!== | Not equal to (strict) | 5 !== '5' → true |
> | Greater than | 5 > 3 → true |
< | Less than | 5 < 3 → false |
>= | Greater than or equal | 5 >= 5 → true |
<= | Less than or equal | 5 <= 3 → false |
let x = 10; x += 5; // x = x + 5 -> 15 x *= 2; // x = x * 2 -> 30 console.log(x); // Output: 30 <hr> <p><strong>### 4. **Logische Operatoren</strong>**<br> Logische Operatoren werden verwendet, um logische Operationen auszuführen und boolesche Werte zurückzugeben.</p> <div><table> <thead> <tr> <th>Operator</th> <th>Description</th> <th>Example</th> </tr> </thead> <tbody> <tr> <td>&&</td> <td>Logical AND</td> <td> true && false → false </td> </tr> <tr> <td>`</td> <td></td> <td>`</td> </tr> <tr> <td>!</td> <td>Logical NOT</td> <td> !true → false </td> </tr> </tbody> </table></div> <p><strong>#### Beispiel:</strong><br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(5 == '5'); // Output: true (loose comparison) console.log(5 === '5'); // Output: false (strict comparison) console.log(10 > 5); // Output: true console.log(3 <= 2); // Output: false
### 5. **Unäre Operatoren**
Unäre Operatoren bearbeiten einen einzelnen Operanden, um eine bestimmte Aktion auszuführen.
Operator | Description | Example |
---|---|---|
Increment | x → x = x 1 | |
-- | Decrement | x-- → x = x - 1 |
typeof | Type of operand | typeof x → number |
void | Evaluates expression without returning a value | void(0) |
#### Beispiel:
let a = true; let b = false; console.log(a && b); // Output: false console.log(a || b); // Output: true console.log(!a); // Output: false
### 6. **Ternärer (bedingter) Operator
**Der ternäre Operator ist eine Abkürzung für die if...else-Anweisung. Es wertet eine Bedingung aus und gibt einen von zwei Werten zurück, je nachdem, ob die Bedingung wahr oder falsch ist.
Operator | Description | Example |
---|---|---|
condition ? expr1 : expr2 | If condition is true, return expr1; otherwise, return expr2 | x > 10 ? 'Greater' : 'Lesser' |
*#### Beispiel:
*
let a = 10; let b = 2; console.log(a + b); // Output: 12 console.log(a - b); // Output: 8 console.log(a * b); // Output: 20 console.log(a / b); // Output: 5 console.log(a % b); // Output: 0 console.log(a ** b); // Output: 100
### 7. **Bitweise Operatoren
**Bitweise Operatoren führen Operationen an Binärzahlen aus.
Operator | Description | Example |
---|---|---|
& | AND | 5 & 3 → 1 |
` | ` | OR |
^ | XOR | 5 ^ 3 → 6 |
~ | NOT | ~5 → -6 |
<< | Left shift | 5 << 1 → 10 |
>> | Right shift | 5 >> 1 → 2 |
>>> | Unsigned right shift | 5 >>> 1 → 2 |
*#### Beispiel:
*
let x = 10; x += 5; // x = x + 5 -> 15 x *= 2; // x = x * 2 -> 30 console.log(x); // Output: 30
### 8. **Spread-Operator (...)
**Mit dem Spread-Operator können Sie Elemente aus einem Array oder Objekt in ein neues Array oder Objekt entpacken.
*#### Beispiel:
*
console.log(5 == '5'); // Output: true (loose comparison) console.log(5 === '5'); // Output: false (strict comparison) console.log(10 > 5); // Output: true console.log(3 <= 2); // Output: false
### Fazit
JavaScript-Operatoren sind für die Durchführung von Berechnungen, Vergleichen und logischen Operationen von grundlegender Bedeutung. Unabhängig davon, ob Sie Werte manipulieren, vergleichen oder den Ablauf Ihres Programms steuern, ist das Verständnis dieser Operatoren für eine effiziente Codierung von entscheidender Bedeutung. Verwenden Sie je nach Aufgabe die richtigen Operatoren, um sauberen und lesbaren Code zu gewährleisten.
Hallo, ich bin Abhay Singh Kathayat!
Ich bin ein Full-Stack-Entwickler mit Fachwissen sowohl in Front-End- als auch in Back-End-Technologien. Ich arbeite mit einer Vielzahl von Programmiersprachen und Frameworks, um effiziente, skalierbare und benutzerfreundliche Anwendungen zu erstellen.
Sie können mich gerne unter meiner geschäftlichen E-Mail-Adresse erreichen: kaashshorts28@gmail.com.
Das obige ist der detaillierte Inhalt vonJavaScript-Operatoren verstehen: Eine vollständige Anleitung mit Beispielen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!