Heim > Web-Frontend > js-Tutorial > Operatoren und Ausdrücke in JavaScript

Operatoren und Ausdrücke in JavaScript

Patricia Arquette
Freigeben: 2024-12-14 21:49:15
Original
324 Leute haben es durchsucht

Operators and Expressions in JavaScript

Tag 3: Operatoren und Ausdrücke in JavaScript

Willkommen zum dritten Tag des JavaScript-Lernens! Heute beschäftigen wir uns mit Operatoren und Ausdrücken – wesentlichen Werkzeugen zum Durchführen von Berechnungen, zum Treffen von Entscheidungen und zum Schreiben sinnvoller Logik in Ihren Programmen.


Was sind Operatoren?

Operatoren sind spezielle Symbole oder Schlüsselwörter, die Operationen an Werten oder Variablen ausführen. Diese Operationen können von arithmetischen Berechnungen bis hin zu logischen Entscheidungen reichen.


Operatortypen in JavaScript

1. Arithmetische Operatoren

Wird für mathematische Operationen wie Addition, Subtraktion, Multiplikation usw. verwendet.

Operator Description Example Output
Addition 5 3 8
- Subtraction 10 - 6 4
* Multiplication 4 * 2 8
/ Division 12 / 4 3
% Modulus (Remainder) 10 % 3 1
** Exponentiation 2 ** 3 8
Operator

Beschreibung

Beispiel
let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Ausgabe
Ergänzung 5 3 8 - Subtraktion 10 - 6 4 * Multiplikation 4 * 2 8 / Abteilung 12 / 4 3 % Modul (Rest) 10 % 3 1 ** Potenzierung 2 ** 3 8

Beispiel:

Operator Description Example Output
== Equal to 5 == "5" true
=== Strict equal to 5 === "5" false
!= Not equal to 5 != "5" false
!== Strict not equal 5 !== "5" true
< Less than 5 < 10 true
> Greater than 10 > 5 true
<= Less than or equal 5 <= 5 true
>= Greater than or equal 10 >= 5 true
2. Relationale (Vergleichs-)Operatoren Wird verwendet, um zwei Werte zu vergleichen und einen Booleschen Wert (wahr oder falsch) zurückzugeben. Operator Beschreibung Beispiel Ausgabe == Gleich 5 == "5" wahr === Streng gleich 5 === "5" falsch != Ungleich 5 != "5" falsch !== Streng ungleich 5 !== "5" wahr < Weniger als 5 < 10 wahr > Größer als 10 > 5 wahr <= Kleiner oder gleich 5 <= 5 wahr >= Größer als oder gleich 10 >= 5 wahr

Beispiel:

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

3. Logische Operatoren

Kombinieren Sie mehrere Bedingungen oder kehren Sie die Logik um.

Operator Description Example Output
&& Logical AND true && false false
` ` Logical OR
! Logical NOT !true false
Operator

Beschreibung

Beispiel
let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false
Nach dem Login kopieren
Nach dem Login kopieren
Ausgabe
&& Logisches UND wahr && falsch falsch ` ` Logisches ODER ! Logisches NICHT !true falsch

Beispiel:

Operator Description Example Output
= Assign x = 10 10
= Add and assign x = 5 x = x 5
-= Subtract and assign x -= 3 x = x - 3
*= Multiply and assign x *= 2 x = x * 2
/= Divide and assign x /= 2 x = x / 2
%= Modulus and assign x %= 3 x = x % 3
4. Zuweisungsoperatoren

Wird verwendet, um Variablen Werte zuzuweisen.

let isAdult = true;
let hasID = false;
console.log(isAdult && hasID); // false
console.log(isAdult || hasID); // true
Nach dem Login kopieren

Operator

Beschreibung Beispiel

Ausgabe = Zuweisen x = 10 10 = Hinzufügen und zuweisen x = 5 x = x 5 -= Subtrahieren und zuweisen x -= 3 x = x - 3 *= Multiplizieren und zuweisen x *= 2 x = x * 2 /= Teilen und zuweisen x /= 2 x = x / 2 %= Modul und zuweisen x %= 3 x = x % 3

Beispiel:

Operator Description Precedence
** Exponentiation 1
*, /, % Multiplication, Division, Modulus 2
, - Addition, Subtraction 3
<, >, ==, != Comparison 4
&& Logical AND 5
` `
Ausdrücke und Vorrang Ein Ausdruck ist ein Codestück, das einen Wert erzeugt. Beispielsweise ist 5 3 ein Ausdruck und sein Wert ist 8. Bedienerpriorität Wenn mehrere Operatoren verwendet werden, entscheidet JavaScript anhand der Priorität über die Ausführungsreihenfolge. Operatoren mit höherer Priorität werden zuerst ausgeführt. Operator Beschreibung Vorrang ** Potenzierung 1 *, /, % Multiplikation, Division, Modul 2 , - Addition, Subtraktion 3 <, >, ==, != Vergleich 4 && Logisches UND 5 ` `

Beispiel für Vorrang:

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Verwenden Sie Klammern (), um die Priorität zu steuern.

let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false
Nach dem Login kopieren
Nach dem Login kopieren

Üben Sie für heute

  1. Schreiben Sie ein Programm, um die Fläche eines Rechtecks ​​mithilfe arithmetischer Operatoren zu berechnen.
  2. Vergleichen Sie zwei Zahlen mithilfe von Vergleichsoperatoren und protokollieren Sie, ob sie gleich oder eins größer sind.
  3. Erstellen Sie ein einfaches Programm, um mithilfe logischer Operatoren zu überprüfen, ob eine Person wahlberechtigt ist.

Zusammenfassung von Tag 3

Heute haben wir Folgendes behandelt:

  1. Arithmetische Operatoren: Für Berechnungen.
  2. Relationale Operatoren: Für Vergleiche.
  3. Logische Operatoren: Zum Kombinieren von Bedingungen.
  4. Zuweisungsoperatoren: Zum Zuweisen und Aktualisieren von Werten.
  5. Ausdrücke und Vorrang: Ausführungsreihenfolge verstehen.

Nächste Schritte

In Tag 4 lernen wir den Kontrollfluss in JavaScript kennen und konzentrieren uns dabei auf bedingte Anweisungen und Schleifen. Seien Sie gespannt auf den 11. Dezember 2024!

Das obige ist der detaillierte Inhalt vonOperatoren und Ausdrücke in JavaScript. 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