Heim > Web-Frontend > js-Tutorial > JavaScript-Operatoren verstehen

JavaScript-Operatoren verstehen

Mary-Kate Olsen
Freigeben: 2024-12-30 19:04:09
Original
886 Leute haben es durchsucht

Understanding JavaScript Operators

In JavaScript sind Operatoren spezielle Symbole oder Schlüsselwörter, die zum Ausführen von Operationen an Werten und Variablen verwendet werden. Sie ermöglichen es uns, Daten zu manipulieren und den Codefluss zu steuern. Lassen Sie uns die am häufigsten verwendeten Operatortypen und ihre Zwecke aufschlüsseln:

1️⃣ Zuweisungsoperatoren (=)

Der Zuweisungsoperator wird verwendet, um Variablen Werte zuzuweisen.
? Beispiel:

let x = 10 // Assigns the value 10 to variable x
let y = 5 // Assigns the value 5 to variable y
Nach dem Login kopieren

2️⃣ Arithmetische Operatoren

Arithmetische Operatoren führen grundlegende mathematische Operationen mit Zahlen durch.

  1. (Ergänzung)
  2. - (Subtraktion)
  3. * (Multiplikation)
  4. / (Abteilung)
  5. % (Modul – Rest der Division)
  6. ** (Potenzierung (ES2016))
  7. (Inkrement)
  8. -- (Dekrementieren)

? Beispiel:

console.log("x + y = " + (x + y)) // Output: x + y = 15
console.log("x - y = " + (x - y)) // Output: x - y = 5
console.log("x / y = " + (x / y)) // Output: x / y = 2
console.log("x * y = " + (x * y)) // Output: x * y = 50
console.log("x % y = " + (x % y)) // Output: x % y = 0
console.log("(x**y) = " + (x**y)) // Output: (x**y) = 100000
console.log("(++x) = " + (++x)) // Output: (++x) = 11
console.log("(x++) = " + (x++)) // Output: (x++) = 11
console.log("(--y) = " + (--y)) // Output: (--y) = 4
console.log("(y--) = " + (y--)) // Output: (y--) = 4
Nach dem Login kopieren

3️⃣ Vergleichsoperatoren

Vergleichsoperatoren vergleichen zwei Werte und geben einen Booleschen Wert (wahr oder falsch) zurück. Diese werden häufig in Schleifen und Verzweigungsanweisungen verwendet.

  1. == (Gleich)
  2. === (Genau gleich)
  3. != (Ungleich)
  4. !== (Absolut ungleich)
  5. < (Weniger als)
  6. > (Größer als)
  7. <= (Kleiner oder gleich)
  8. >= (Größer als oder gleich)

? Beispiel:

console.log("(x == y) = " + (x == y)) // Output: (x == y) = false
console.log("(x != y) = " + (x != y)) // Output: (x != y) = true
// Compares datatypes also
console.log("(x === y) = " + (x === y)) // Output: (x === y) = false
// Compares datatypes also
console.log("(x !== y) = " + (x !== y)) // Output: (x !== y) = true
console.log("(x > y) = " + (x > y)) // Output: (x > y) = true
console.log("(x >= y) = " + (x >= y)) // Output: (x >= y) = true
console.log("(y < x) = " + (y < x)) // Output: (y < x) = true
console.log("(y <= x) = " + (y <= x)) // Output: (y <= x) = true
Nach dem Login kopieren

4️⃣ Logische Operatoren

Logische Operatoren werden verwendet, um logische Operationen auszuführen und einen booleschen Wert (wahr oder falsch) zurückzugeben.

  1. && (Logisches UND)
  2. || (Logisches ODER)
  3. ! (Logisches NICHT)

? Beispiel:

let isValidNumber = (x > 8 && 8 > y) // If both condition are correct returns true otherwise false
console.log("(x > 8 && 8 > y) = " + isValidNumber) // Output: (x > 8 && 8 > y) = true

let isValidCheck = (x > 20 || 8 > y) // If one of condition is correct returns true otherwise false
console.log("(x > 20 || 8 > y) = " + isValidCheck) // Output: (x > 20 || 8 > y) = true

let isValid = false
console.log("(!isValid) = " + !isValid) // Output: (!isValid) = true
Nach dem Login kopieren

5️⃣ String-Operatoren

Der Operator ist vielseitig und kann mit Zeichenfolgen zur Verkettung (Verknüpfung zweier Zeichenfolgen) verwendet werden. Bei Verwendung mit Zahlen führt es eine Addition durch.

? Beispiel:

// Concatenation
console.log("Richa " + "webDev") // Output: Richa webDev 
// Addition
console.log(10 + 5) // Output: 15
Nach dem Login kopieren

6️⃣ Ternärer Operator (? :)

Der ternäre Operator ist eine übersichtliche Möglichkeit, bedingte Prüfungen durchzuführen. Es gibt einen Wert zurück, wenn die Bedingung wahr ist, und einen anderen, wenn sie falsch ist.
? Syntax:

condition ? valueIfTrue : valueIfFalse;
Nach dem Login kopieren

? Beispiel:

const isEven = 10 % 2 === 0 ? "Number is even" : "Number is old"
console.log("isEven = " + isEven) // Output: isEven = Number is even
Nach dem Login kopieren

? Rätsel

Erklären Sie, warum die Ausgabe des Codeausschnitts, die die Operationen num , --num und num-- umfasst, zum Wert 21 führt. Kommentieren Sie unten.

let num = 20
console.log("num = " + num) // Output: (++num) = 21
console.log("(++num) = " + (++num)) // Output: (++num) = 21
console.log("(num++) = " + (num++)) // Output: (num++) = 21
console.log("(--num) = " + (--num)) // Output: (--num) = 21
console.log("(num--) = " + (num--)) // Output: (num--) = 21
Nach dem Login kopieren

Ausgabe:

num = 20
(++num) = 21
(num++) = 21
(--num) = 21
(num--) = 21
Nach dem Login kopieren

Abschluss

JavaScript-Operatoren sind grundlegende Bausteine, die Ihnen helfen, effektiven und effizienten Code zu schreiben. Wenn Sie sie beherrschen, können Sie eine Vielzahl von Vorgängen durchführen, von einfachen Zuweisungen bis hin zu komplexen logischen Prüfungen. Experimentieren Sie mit diesen Operatoren, um ihr Verhalten besser zu verstehen!
Viel Spaß beim Codieren ✨

Das obige ist der detaillierte Inhalt vonJavaScript-Operatoren verstehen. 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 Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage