Heim > Web-Frontend > js-Tutorial > JavaScript-Operatoren verstehen: Eine vollständige Anleitung mit Beispielen

JavaScript-Operatoren verstehen: Eine vollständige Anleitung mit Beispielen

Linda Hamilton
Freigeben: 2024-12-18 00:15:10
Original
130 Leute haben es durchsucht

Understanding JavaScript Operators: A Complete Guide with Examples

### 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

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
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

**

2. Zuweisungsoperatoren**

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

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
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

### 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

Beispiel:

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
Nach dem Login kopieren
Nach dem Login kopieren

### 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
Nach dem Login kopieren

### 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
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

### 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
Nach dem Login kopieren

### 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
Nach dem Login kopieren

### 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!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage