7 Arten von JavaScript-Operatoren, die Sie kennen müssen

Ein Operator ist ein Symbol, das den Interpreter anweist, eine bestimmte mathematische, relationale oder logische Operation auszuführen. Operatoren nehmen einen oder mehrere Operanden entgegen und können Zielwerte oder Operanden manipulieren.

In diesem Artikel erfahren Sie mehr über verschiedene Operatoren in JavaScript und deren Verwendung anhand von Beispielen.

JavaScript-Operatortypen

Dies sind die verschiedenen Operatoren, die JavaScript unterstützt:

1. Rechenzeichen
2. Zuweisungsoperatoren
3. Stringoperatoren
4. Vergleichsoperatoren
5. Logische Operatoren
6. Bitweise Operatoren
7. Spezialoperatoren

1. Rechenzeichen

Sie können arithmetische Operatoren verwenden, um mathematische Berechnungen an den Operanden durchzuführen. JavaScript bietet die folgenden arithmetischen Operatoren:

Additionsoperator (+)

Sie können den Additionsoperator (+), um die Operanden zu addieren.

sei a = 12;
sei b = 10;
sei Ergebnis = a+b;
Konsole.log (Ergebnis)
Konsole.log (1+2);
Konsole.log (a+6);

Ausgabe:

22
3
18

Subtraktionsoperator(-)

Verwenden Sie den Subtraktionsoperator (-), um den rechten Operanden vom linken Operanden zu subtrahieren.

sei a = 10;
sei b = 4;
sei Ergebnis = a-b;
console.log (Ergebnis);
Konsole.log (23-20);

Ausgabe:

6
3

Multiplikationsoperator (*)

Verwenden Sie den Multiplikationsoperator (*), um die Operanden zu multiplizieren.

sei a = 10;
sei b = 4;
let result = a*b;
console.log (Ergebnis);
Konsole.log (23*20);

Ausgabe:

40
460

Divisionsoperator (/)

Sie können den Divisionsoperator (/), um eine Division an den Operanden durchzuführen.

sei a = 10;
sei b = 4;
let result = a/b;
console.log (Ergebnis);
Konsole.log (40/20);

Ausgabe:

2.5
2

Moduloperator (%)

Der Moduloperator (%) gibt den ganzzahligen Rest zurück, indem zwei Operanden dividiert werden.

sei a = 10;
sei b = 4;
let result = a%b;
console.log (Ergebnis);
Konsole.log (40%20);

Ausgabe:

2
0

Potenzierungsoperator (**)

Der Potenzierungsoperator (**) berechnet die Basis hoch Exponent (Basis^Exponent).

sei a = 3;
Konsole.log (a**4);

Ausgabe:

81

Inkrement-Operator (++)

Der Inkrementoperator (++) erhöht den ganzzahligen Wert um eins.

sei a = 3;
// Wert von a=4 und gibt 4. zurück
Konsole.log(++a);
// Wert von a=5 und gibt 4. zurück
Konsole.log (a++);
// Wert von a=5 und gibt 5. zurück
Konsole.log (a);

Ausgabe:

4
4
5

Dekrementoperator (--)

Der Dekrementoperator (--) verringert den ganzzahligen Wert um eins.

sei a = 3;
// Wert von a=2 und gibt 2. zurück
console.log(--a);
// Wert von a=1 und gibt 2. zurück
Konsole.log (a--);
// Wert von a=1 und gibt 1. zurück
Konsole.log (a);

Ausgabe:

2
2
1

Unary Plus-Betreiber(+)

Der unäre Plusoperator (+) versucht, den Operanden in eine Zahl umzuwandeln, wenn es noch keine ist.

console.log (typeof("10"));
console.log (typeof(+"10"));
console.log (typeof (false));
console.log (typeof(+false));

Ausgabe:

Schnur
Nummer
boolesch
Nummer

Unärer Negationsoperator (-)

Der unäre Negationsoperator (-) gibt die Negation seines Operanden zurück.

sei a = 10;
Konsole.log(-a);

Ausgabe:

-10

2. Zuweisungsoperatoren

Verwenden Sie Zuweisungsoperatoren, um Variablen Werte zuzuweisen. JavaScript bietet die folgenden Zuweisungsoperatoren:

Zuweisungsoperator(=)

Sie können den Zuweisungsoperator (=), um dem linken Operanden den rechten Operandenwert zuzuweisen.

// Zuweisen von 10 zu a
sei a = 10;
Konsole.log (a);

Ausgabe:

10

Additionszuweisungsoperator(+=)

Der Additionszuweisungsoperator (+=) wird verwendet, um die Werte des linken und rechten Operanden zu addieren und das Ergebnis dem linken Operanden zuzuweisen.

sei a = 10;
sei b = 5;
// Äquivalent zu a = a+b
a + = b;
Konsole.log (a);

Ausgabe:

15

Subtraktionszuweisungsoperator (-=)

Der Subtraktionszuweisungsoperator (-=) subtrahiert den rechten Operanden vom linken Operanden und weist das Ergebnis dem linken Operanden zu.

sei a = 10;
sei b = 5;
// Äquivalent zu a = a-b
a – = b;
Konsole.log (a);

Ausgabe:

5

Multiplikationszuweisungsoperator (*=)

Verwenden Sie den Multiplikationszuweisungsoperator (*=), um die Werte des linken und rechten Operanden zu multiplizieren und das Ergebnis dem linken Operanden zuzuweisen.

sei a = 10;
sei b = 5;
// Äquivalent zu a = a*b
a * = b;
Konsole.log (a);

Ausgabe:

50

Divisionszuweisungsoperator (/=)

Sie können den Divisionszuweisungsoperator (/=), um den linken Operandenwert durch den rechten Operandenwert zu dividieren und das Ergebnis dem linken Operanden zuzuweisen.

sei a = 10;
sei b = 5;
// Äquivalent zu a = a/b
a/= b;
Konsole.log (a);

Ausgabe:

2

Restzuweisungsoperator (%=)

Der Restzuweisungsoperator (%=) dividiert den linken Operanden durch den rechten Operanden und weist den Rest dem linken Operanden zu.

sei a = 10;
sei b = 5;
// Äquivalent zu a = a%b
a % = b;
Konsole.log (a);

Ausgabe:

0

Exponentiationszuweisungsoperator (**=)

Der Exponentiationszuweisungsoperator (**=) potenziert den linken Operanden mit dem rechten Operanden und weist das Ergebnis dem linken Operanden zu.

sei a = 10;
sei b = 5;
// Äquivalent zu a = a**b
a **= b;
Konsole.log (a);

Ausgabe:

100000

Die bitweisen Zuweisungsoperatoren (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) funktionieren ähnlich. In den nächsten Abschnitten erfahren Sie mehr über die bitweisen Operatoren.

Verwandt: Eine Einführung in Datentypen in JavaScript

3. String-Operatoren

Der Verkettungsoperator (+) wird verwendet, um Zeichenfolgen zu verketten (hinzuzufügen).

let result = "Make" + "Use" + "Of";
console.log (Ergebnis);

Ausgabe:

Gebrauch machen von

4. Vergleichsoperatoren

Vergleichsoperatoren werden zum Vergleichen von Operanden verwendet und geben einen logischen Wert (wahr oder falsch) auf der Grundlage eines Vergleichs. JavaScript bietet die folgenden Vergleichsoperatoren:

Gleicher Operator (==)

Der Gleichheitsoperator (==) kehrt zurück wahr wenn die Operanden gleich sind. Es vergleicht nur die Werte von Operanden und ignoriert deren Typ beim Vergleichen.

Konsole.log (2==4);
console.log("2"==2);

Ausgabe:

falsch
wahr

Nicht gleich Operator(!=)

Ungleicher Operator (!=) kehrt zurück wahr wenn die Operanden nicht gleich sind. Es ignoriert auch die Art der Operanden beim Vergleichen.

Konsole.log (2!=4);
Konsole.log (2!="2");

Ausgabe:

wahr
falsch

Strenger Gleichheitsoperator ()

Der strikte Gleichheitsoperator () kehrt zurück wahr wenn die Operanden gleich sind. Es vergleicht beides – die Werte und Typen der Operanden beim Vergleich.

Konsole.log (24);
console.log("2"2);

Ausgabe:

falsch
falsch

Strenger Nicht-Gleich-Operator (!==)

Der strikte ungleiche Operator (!==) kehrt zurück wahr wenn die Operanden nicht gleich sind. Es vergleicht auch beide – die Werte und den Typ der Operanden beim Vergleich.

Konsole.log (2 !== 4);
console.log (2 !== "2");

Ausgabe:

wahr
wahr

Größer als Operator (>)

Der Größer-als-Operator (>) gibt true zurück, wenn der linke Operand größer als der rechte Operand ist.

Konsole.log (10>4);
Konsole.log (5>5);

Ausgabe:

wahr
falsch

Größer als oder gleich Operator (>=)

Der Größer-oder-Gleich-Operator (>=) gibt true zurück, wenn der linke Operand größer oder gleich dem rechten Operanden ist.

konsole.log (10 >= 4);
Konsole.log (5 >= 5);

Ausgabe:

wahr
wahr

Kleiner als Operator (

Der Kleiner-als-Operator (<) gibt true zurück, wenn der linke Operand kleiner als der rechte Operand ist.

Konsole.log (10<4);
Konsole.log (5<5);

Ausgabe:

falsch
falsch

Kleiner-oder-Gleich-Operator (<=)

Der Kleiner-oder-Gleich-Operator (<=) gibt true zurück, wenn der linke Operand kleiner oder gleich dem rechten Operanden ist.

Konsole.log (10 <= 4);
Konsole.log (5 <= 5);

Ausgabe:

falsch
wahr

Verwandt: So erstellen Sie einen einfachen Rechner mit HTML, CSS und JavaScript

5. Logische Operatoren

Nach Angaben des Beamten MDN-Dokumente, stellt JavaScript die folgenden logischen Operatoren bereit:

Logisches UND (&&)

Verwendungszweck: ausdr1 && ausdr2

Gibt expr1 zurück, wenn es in false umgewandelt werden kann; andernfalls gibt expr2 zurück. Bei Verwendung mit booleschen Werten && kehrt zurück wahr wenn beide Operanden wahr sind; andernfalls kehrt es zurück falsch.

console.log (wahr && falsch);

Ausgabe:

falsch

Logisches ODER (||)

Verwendungszweck: ausdr1 || expr2

Gibt expr1 zurück, wenn es in true umgewandelt werden kann; andernfalls gibt expr2 zurück. Bei Verwendung mit booleschen Werten || kehrt zurück wahr wenn einer der Operanden wahr ist; wenn beide falsch sind, wird zurückgegeben falsch.

console.log (wahr || falsch);

Ausgabe:

wahr

Logisch NICHT (!)

Verwendungszweck: !expr

Kehrt zurück falsch wenn sein einzelner Operand in true umgewandelt werden kann; andernfalls kehrt zurück wahr.

Konsole.log(!true);

Ausgabe:

falsch

6. Bitweise Operatoren

JavaScript bietet die folgenden bitweisen Operatoren:

Bitweiser UND-Operator (&)

Dieser Operator führt einen booleschen UND Operation an jedem Bit seiner Integer-Argumente.

// In binär-
// 4: 100
// 1: 001
Konsole.log (4 & 1);

Ausgabe:

0

Bitweiser ODER-Operator (|)

Dieser Operator führt einen booleschen ODER Operation an jedem Bit seiner Integer-Argumente.

konsole.log (4 | 1);

Ausgabe:

5

Bitweiser XOR-Operator (^)

Dieser Operator führt eine Boolesche Exklusivität aus ODER Operation an jedem Bit seiner Integer-Argumente.

konsole.log (4 ^ 1);

Ausgabe:

5

Bitweiser NICHT-Operator (~)

Dieser Operator kehrt alle Bits im Operanden um.

Konsole.log(~4);

Ausgabe:

-5

Notiz: JavaScript wandelt Zahlen in 32-Bit-Ganzzahlen mit Vorzeichen um, bevor eine bitweise Operation ausgeführt wird. Und wenn die Operation ausgeführt wird, wandelt es das Ergebnis zurück in 64-Bit-JavaScript-Zahlen.

Linker Shift-Operator (<

Dieser Operator verschiebt alle Bits seines ersten Operanden um die im zweiten Operanden angegebene Anzahl von Stellen nach links.

Konsole.log (4<<1);

Ausgabe:

8

Rechte Shift-Operator (>>)

Dieser Operator verschiebt alle Bits seines ersten Operanden um die im zweiten Operanden angegebene Stellenzahl nach rechts.

Konsole.log (4>>1);

Ausgabe:

2

7. Spezialoperatoren

Ternärer Operator

Der ternäre Operator ist die Abkürzung von if-else-Anweisung. Es weist einer Variablen einen Wert basierend auf einer Bedingung zu, die Syntax dafür ist:

Zustand? Wert1: Wert2

Wenn die Bedingung wahr ist, gibt der Operator den Wert von zurück Wert1. Andernfalls wird der Wert von zurückgegeben Wert2.

let result = (200>100)? "Ja Nein";
console.log (Ergebnis);

Ausgabe:

Jawohl

Art des Betreibers

Die Art der Operator wird verwendet, um den Datentyp eines Wertes oder einer Variablen zu finden.

console.log (Typ von (100));
console.log (typeof("100"));

Ausgabe:

Nummer
Schnur

Verwenden Sie JavaScript-Einzeiler, um wie ein Profi zu programmieren

Sie können eine Vielzahl von Operationen mit nur einer Codezeile in JavaScript ausführen. Egal, ob Sie ein Array mischen, den Dunkelmodus in einem Browser erkennen, eine zufällige UUID generieren oder den Durchschnitt eines Arrays ermitteln müssen, Sie können dies mit nur einer Codezeile erreichen.

11 JavaScript-Einzeiler, die Sie kennen sollten

Mit dieser großen Auswahl an JavaScript-Einzeilern können Sie mit nur wenig Code viel erreichen.

Weiter lesen

Über den Autor