


JavaScript-Operatoren verstehen: Eine vollst?ndige Anleitung mit Beispielen
Dec 18, 2024 am 12:15 AM### 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
**
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
### 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> <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!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

Java und JavaScript sind unterschiedliche Programmiersprachen, die jeweils für verschiedene Anwendungsszenarien geeignet sind. Java wird für die Entwicklung gro?er Unternehmen und mobiler Anwendungen verwendet, w?hrend JavaScript haupts?chlich für die Entwicklung von Webseiten verwendet wird.

JavaScriptComents AreseessentialFormaintaining, Lesen und GuidingCodeexexecution.1) einzelne Linecommments Arequickickexplanationen.2) Multi-LindexplainComproxlogicorProvedetailedDocumentation.3) InlinecommentsclarifyspecificPartsosensofCode.BestPracticic

Die folgenden Punkte sollten bei der Verarbeitung von Daten und Zeiten in JavaScript festgestellt werden: 1. Es gibt viele M?glichkeiten, Datumsobjekte zu erstellen. Es wird empfohlen, ISO -Format -Zeichenfolgen zu verwenden, um die Kompatibilit?t sicherzustellen. 2. Die Zeitinformationen erhalten und festlegen k?nnen und setzen Sie Methoden fest, und beachten Sie, dass der Monat mit 0 beginnt. 3. Die manuell formatierende Daten sind Zeichenfolgen erforderlich, und auch Bibliotheken von Drittanbietern k?nnen verwendet werden. 4. Es wird empfohlen, Bibliotheken zu verwenden, die Zeitzonen wie Luxon unterstützen. Das Beherrschen dieser wichtigen Punkte kann h?ufige Fehler effektiv vermeiden.

PlatztagsattheBottomofabogpostorwebpageServeSpracticalPurposesforseo, Usexperience und design.1ithelpswithseobyallowingEnginestoaccessKeyword-relevantTagswithoutClutteringHemainContent.2.

JavaScriptispreferredforwebdevelopment,whileJavaisbetterforlarge-scalebackendsystemsandAndroidapps.1)JavaScriptexcelsincreatinginteractivewebexperienceswithitsdynamicnatureandDOMmanipulation.2)Javaoffersstrongtypingandobject-orientedfeatures,idealfor

JavaScripthassevenfundamentaldatatypes:number,string,boolean,undefined,null,object,andsymbol.1)Numbersuseadouble-precisionformat,usefulforwidevaluerangesbutbecautiouswithfloating-pointarithmetic.2)Stringsareimmutable,useefficientconcatenationmethodsf

Ereigniserfassung und Blase sind zwei Phasen der Ereignisausbreitung in DOM. Die Erfassung erfolgt von der oberen Schicht bis zum Zielelement, und die Blase ist vom Zielelement bis zur oberen Schicht. 1. Die Ereigniserfassung wird implementiert, indem der UseCapture -Parameter von AddEventListener auf true festgelegt wird. 2. Ereignisblase ist das Standardverhalten, Uscapture ist auf false oder weggelassen. 3. Die Ereignisausbreitung kann verwendet werden, um die Ereignisausbreitung zu verhindern. 4. Event Bubbling unterstützt die Ereignisdelegation, um die Effizienz der dynamischen Inhaltsverarbeitung zu verbessern. 5. Capture kann verwendet werden, um Ereignisse im Voraus abzufangen, wie z. B. Protokollierung oder Fehlerverarbeitung. Das Verst?ndnis dieser beiden Phasen hilft dabei, das Timing und die Reaktion von JavaScript auf Benutzeroperationen genau zu steuern.

Java und JavaScript sind verschiedene Programmiersprachen. 1.Java ist eine statisch typisierte und kompilierte Sprache, die für Unternehmensanwendungen und gro?e Systeme geeignet ist. 2. JavaScript ist ein dynamischer Typ und eine interpretierte Sprache, die haupts?chlich für die Webinteraktion und die Front-End-Entwicklung verwendet wird.
