Javascript-Berechnungsoperatoren. JavaScript-Operatoren. Vereinfachte Syntax zum Erstellen von Arrays und Generatoren

In diesem Kapitel werden die Ausdrücke und Operatoren von JavaScript beschrieben, einschließlich Zuweisung, Vergleich, Arithmetik, bitweise, logische, Zeichenfolge, ternäre und mehr.

Eine vollständige und detaillierte Liste der Operatoren und Ausdrücke finden Sie auch in der Referenz.

Betreiber

JavaScript verfügt über die folgenden Arten von Operatoren. Dieser Abschnitt beschreibt die Operatoren und enthält Informationen zur Operatorpriorität.

JavaScript hat beides binär Und einstellig Operatoren und einen speziellen ternären Operator, den Bedingungsoperator. Ein binärer Operator erfordert zwei Operanden, einen vor dem Operator und einen nach dem Operator:

Zum Beispiel 3+4 oder x*y .

Ein unärer Operator erfordert einen einzelnen Operanden, entweder vor oder nach dem Operator:

Zusätzlich zu den standardmäßigen arithmetischen Operationen (+, -, * /) stellt JavaScript die in der folgenden Tabelle aufgeführten arithmetischen Operatoren zur Verfügung:

Bitweise Operatoren

Verwenden Sie „instanceof“, wenn Sie den Typ eines Objekts zur Laufzeit bestätigen müssen. Wenn Sie beispielsweise Ausnahmen abfangen, können Sie je nach Art der ausgelösten Ausnahme zu unterschiedlichem Ausnahmebehandlungscode verzweigen.

Der folgende Code verwendet beispielsweise „instanceof“, um zu bestimmen, ob „theDay“ ein Date-Objekt ist. Da theDay ein Date-Objekt ist, werden die Anweisungen in der if-Anweisung ausgeführt.

Var theDay = new Date(1995, 12, 17); if (theDay-Instanz von Date) ( // auszuführende Anweisungen)

Vorrang des Operators

Der Vorrang Die Anzahl der Operatoren bestimmt die Reihenfolge, in der sie bei der Auswertung eines Ausdrucks angewendet werden. Sie können die Operatorpriorität durch die Verwendung von Klammern außer Kraft setzen.

Die folgende Tabelle beschreibt die Rangfolge der Operatoren, vom höchsten zum niedrigsten.

Eine ausführlichere Version dieser Tabelle mit Links zu weiteren Details zu jedem Operator finden Sie in der JavaScript-Referenz.

Ausdrücke

Ein Ausdruck ist jede gültige Codeeinheit, die in einen Wert aufgelöst wird.

Jeder syntaktisch gültige Ausdruck löst sich in einen bestimmten Wert auf, aber konzeptionell gibt es zwei Arten von Ausdrücken: mit Nebenwirkungen (z. B. solche, die einer Variablen einen Wert zuweisen) und solche, die in gewissem Sinne einen Wert auswerten und daher auflösen.

Der Ausdruck x = 7 ist ein Beispiel für den ersten Typ. Dieser Ausdruck verwendet das = Operator um der Variablen x den Wert sieben zuzuweisen. Der Ausdruck selbst ergibt sieben.

Der Code 3 + 4 ist ein Beispiel für den zweiten Ausdruckstyp. Dieser Ausdruck verwendet den Operator „+“, um drei und vier zu addieren, ohne das Ergebnis sieben einer Variablen zuzuweisen.

JavaScript verfügt über die folgenden Ausdruckskategorien:

Primäre Ausdrücke

Grundlegende Schlüsselwörter und allgemeine Ausdrücke in JavaScript.

Das

Verwenden Sie das Schlüsselwort this, um auf das aktuelle Objekt zu verweisen. Im Allgemeinen bezieht sich dies auf das aufrufende Objekt in einer Methode. Verwenden Sie dies entweder mit der Punkt- oder der Klammernotation:

This["propertyName"] this.propertyName

Angenommen, eine Funktion namens „validate“ validiert die Werteigenschaft eines Objekts anhand der gegebenen Werte Objekt und die hohen und niedrigen Werte:

Funktion validieren(obj, lowval, hival) ( if ((obj.value< lowval) || (obj.value >hival)) console.log("Ungültiger Wert!"); )

Sie könnten „validate“ im onChange-Ereignishandler jedes Formularelements aufrufen und es damit an das Formularelement übergeben, wie im folgenden Beispiel:

Geben Sie eine Zahl zwischen 18 und 99 ein:

Gruppierungsoperator

Der Gruppierungsoperator() steuert die Priorität der Auswertung in Ausdrücken. Sie können beispielsweise zuerst die Multiplikation und Division und dann die Addition und Subtraktion überschreiben, um die Addition zuerst auszuwerten.

Var a = 1; var b = 2; var c = 3; // Standardpriorität a + b * c // 7 // standardmäßig wie folgt ausgewertet a + (b * c) // 7 // überschreibt jetzt die Priorität // Addition vor der Multiplikation (a + b) * c // 9 / / was a * c + b * c // 9 entspricht

Ausdrücke auf der linken Seite

Linke Werte sind das Ziel einer Zuweisung.

neu

Mit dem new-Operator können Sie eine Instanz eines benutzerdefinierten Objekttyps oder eines der integrierten Objekttypen erstellen. Neu wie folgt verwenden:

Var objectName = new objectType();

super

Das Schlüsselwort super wird verwendet, um Funktionen für das übergeordnete Objekt eines Objekts aufzurufen. Bei Klassen ist es beispielsweise nützlich, den übergeordneten Konstruktor aufzurufen.

Super(); // ruft den übergeordneten Konstruktor auf. super.functionOnParent();

Spread-Operator

Der Spread-Operator ermöglicht die Erweiterung eines Ausdrucks an Stellen, an denen mehrere Argumente (für Funktionsaufrufe) oder mehrere Elemente (für Array-Literale) erwartet werden.

Beispiel: Wenn Sie heute über ein Array verfügen und ein neues Array erstellen möchten, in dem das vorhandene Array enthalten ist, reicht die Syntax des Array-Literals nicht mehr aus und Sie müssen auf imperativen Code zurückgreifen und eine Kombination aus push , splice , concat , usw. Mit der Spread-Syntax wird dies viel prägnanter:

Var parts = ["Schultern", "Knie"]; var Lyrics = ["Kopf", ...Teile, "und", "Zehen"];

Ebenso funktioniert der Spread-Operator mit Funktionsaufrufen:

Funktion f(x, y, z) ( ) var args = ; f(...Argumente);

In diesem Kapitel werden JavaScript-Ausdrücke und -Operatoren beschrieben, z. B. Zuweisungs-, Vergleichs-, arithmetische, bitweise, logische, Zeichenfolgen- und verschiedene Spezialoperatoren.

Voll und detaillierte Liste Operatoren und Ausdrücke sind ebenfalls in diesem Handbuch verfügbar.

Betreiber

JavaScript verfügt über die folgenden Arten von Operatoren. In diesem Unterabschnitt werden die einzelnen Typen beschrieben und Informationen über deren Vorrang voreinander gegeben.

JavaScript unterstützt binäre und unäre Operatoren sowie einen weiteren speziellen ternären Operator, den Bedingungsoperator. Eine binäre Operation verwendet zwei Operanden, einen vor dem Operator und einen nach ihm:

Zum Beispiel: 3+4 oder x*y.

Eine unäre Operation hingegen verwendet einen Operanden vor oder nach dem Operator:

Zum Beispiel: x++ oder ++x.

Zuweisungsoperatoren

Als Ergebnis der Zuweisungsoperation wird der Operand links vom Zuweisungsoperator (das „=“-Zeichen) auf den Wert gesetzt, der vom rechten Operanden übernommen wird. Der grundlegende Zuweisungsoperator ist =, der den Wert des rechten Operanden dem Operanden auf der linken Seite zuweist. Der Ausdruck x = y bedeutet also, dass x den Wert von y zugewiesen wird.

Es gibt auch zusammengesetzte Zuweisungsoperatoren, die zur Kurzdarstellung der in der folgenden Tabelle beschriebenen Operationen verwendet werden:

Destrukturierend

Für komplexere Zuweisungen verfügt JavaScript über eine destrukturierende Syntax, einen Ausdruck, der es Ihnen ermöglicht, Daten aus Arrays oder Objekten mithilfe einer Syntax abzurufen, die Array-Konstruktoren und Objektliterale widerspiegelt.

Var foo = ["eins", "zwei", "drei"]; // ohne Destrukturierung var one = foo; var zwei = foo; var three = foo; // mit Destrukturierung var = foo;

Vergleichsoperatoren

Mit dem Löschoperator können Sie Variablen löschen, die implizit deklariert sind. Sie können ihn jedoch nicht zum Löschen von Variablen verwenden, die mit var deklariert sind.

Nach der Anwendung des Löschoperators ändert sich die Eigenschaft des Elements in undefiniert. Der Löschoperator gibt „true“ zurück, wenn die Operation möglich ist; Der Operator gibt false zurück, wenn die Operation nicht ausgeführt werden kann.

X = 42; var y = 43; myobj = neue Zahl(); myobj.h = 4; // Eigenschaft h erstellen, x löschen; // gibt true zurück (Sie können eine implizit deklarierte Variable löschen) delete y; // gibt false zurück (Sie können eine mit var deklarierte Variable nicht löschen) delete Math.PI; // gibt false zurück (integrierte Eigenschaften können nicht gelöscht werden) delete myobj.h; // gibt true zurück (Sie können benutzerdefinierte Eigenschaften löschen) delete myobj; // gibt true zurück (Sie können ein implizit deklariertes Objekt löschen)

Array-Elemente entfernen

Das Entfernen eines Array-Elements hat keinen Einfluss auf die Länge des Arrays. Wenn Sie beispielsweise a entfernen, bleibt das Element a a und a wird undefiniert.

Wenn ein Array-Element mit dem Löschoperator gelöscht wird, wird der Wert dieses Elements aus dem Array entfernt. Im folgenden Beispiel wird das Element „trees“ mithilfe des Löschoperators gelöscht. Das Element „trees“ bleibt jedoch adressierbar und gibt undefiniert zurück.

Var-Bäume = new Array("redwood", "bay", "cedar", "oak", "maple"); Bäume löschen; if (3 in Bäumen) ( // Bedingung ist nicht erfüllt)

Wenn Sie möchten, dass ein Element im Array verbleibt, aber einen undefinierten Wert hat, verwenden Sie das Schlüsselwort undefiniert anstelle des Löschoperators. Im folgenden Beispiel wird das Element „trees“ auf undefiniert gesetzt, das Element verbleibt jedoch im Array:

Var-Bäume = new Array("redwood", "bay", "cedar", "oak", "maple"); Bäume = undefiniert; if (3 in Bäumen) ( // dieser Codeblock wird ausgeführt)

Typ des Operators

Benutzen Sie den Operator Instanz, wenn Sie den Typ eines Objekts während der Programmausführung bestätigen müssen. Wenn Sie beispielsweise Ausnahmen abfangen, können Sie je nach Art der behandelten Ausnahme unterschiedliche Programmierübergänge erstellen, um Ausnahmen zu behandeln.

Der folgende Code verwendet beispielsweise den Operator „instanceof“, um zu testen, ob das Day-Objekt ein Date-Objekt ist. Da theDay tatsächlich ein Date-Objekt ist, führt das Programm den in der if-Anweisung enthaltenen Code aus.

Var theDay = new Date(1995, 12, 17); if (theDay-Instanz von Date) ( // auszuführender Code)

Vorrang des Operators

Eine Priorität Operatoren bestimmen die Reihenfolge, in der sie bei der Auswertung eines Ausdrucks ausgeführt werden. Mit Hilfe von Klammern können Sie die Rangfolge der Operatoren beeinflussen.

Die folgende Tabelle beschreibt die Operatorpriorität vom höchsten zum niedrigsten.

Mehr ausführliche Version Diese Tabelle enthält Links und Weitere Informationen für jeden Operator finden Sie im JavaScript-Referenzbuch.

Ausdrücke

Ausdruck ist ein beliebiger gültiger Codeblock, der einen Wert zurückgibt.

Konzeptionell gibt es zwei Arten von Ausdrücken: solche, die zuweisen variabler Wert und diejenigen, die einen Wert berechnen, ohne ihn zuzuweisen.

Der Ausdruck x = 7 ist ein Beispiel für den ersten Ausdruckstyp. Dieser Ausdruck verwendet Operator= um der Variablen x den Wert 7 zuzuweisen . Der Ausdruck selbst ist ebenfalls gleich 7.

Der Code 3 + 4 ist ein Beispiel für den zweiten Ausdruckstyp. Dieser Ausdruck verwendet Operator„+“, um die Zahlen 3 und 4 zu addieren, ohne das resultierende Ergebnis 7 einer Variablen zuzuweisen.

Alle Ausdrücke in JavaScript sind in die folgenden Kategorien unterteilt:

Grundlegende Ausdrücke

Grundlegende Schlüsselwörter und grundlegende Ausdrücke in JavaScript.

Dieser Operator

Verwenden Sie das Schlüsselwort this, um auf das aktuelle Objekt zu verweisen. Im Allgemeinen verweist dies auf das aufrufbare Objekt, das Eigentümer ist diese Methode. Verwenden Sie dies folgendermaßen:

This["propertyName"] this.propertyName

Angenommen, die Validierungsfunktion prüft die Werteigenschaft eines Objekts. Das Objekt sowie die Ober- und Untergrenzen für den Wert dieser Eigenschaft werden angegeben:

Funktion validieren(obj, lowval, hival)( if ((obj.value< lowval) || (obj.value >hival)) alarm("Ungültiger Wert!"); )

Sie können die Validierungsfunktion im Handler aufrufen onChange-Ereignisse für jedes Formularelement, indem Sie dies verwenden, um auf das Formularelement zu verweisen, wie im folgenden Beispiel gezeigt:

Geben Sie eine Zahl zwischen 18 und 99 ein:

Gruppierungsoperator

Der Klammergruppierungsoperator () steuert die Auswertungspriorität von Ausdrücken. Sie können beispielsweise die Reihenfolge neu definieren – „Multiplizieren und dividieren, dann addieren und subtrahieren“, sodass beispielsweise die Addition vor der Multiplikation erfolgt:

Var a = 1; var b = 2; var c = 3; // übliche Reihenfolge a + b * c // 7 // wie gewohnt gemacht, also a + (b * c) // 7 // jetzt die Reihenfolge ändern // Addition vor der Multiplikation (a + b) * c // 9 // was dem folgenden entspricht: a * c + b * c // 9

Vereinfachte Syntax zum Erstellen von Arrays und Generatoren

Vereinfachte Syntax ist eine experimentelle JavaScript-Funktion, die möglicherweise zu zukünftigen Versionen von ECMAScript hinzugefügt wird. Es gibt 2 Versionen der Syntax:

In vielen Programmiersprachen gibt es vereinfachte Syntaxen, mit denen Sie schnell ein neues Array basierend auf einem vorhandenen zusammenstellen können. Zum Beispiel:

) i*i ]; // [ 1, 4, 9 ] var abc = [ "A", "B", "C" ]; ; // [ „a“, „b“, „c“ ]

Linkshändige Ausdrücke

Den Werten auf der linken Seite werden die Werte auf der rechten Seite zugewiesen.

neu

Mit dem new-Operator können Sie ein Objekt eines benutzerdefinierten Typs oder eines der integrierten Objekte instanziieren. Verwenden Sie den neuen Operator wie folgt:

Var objectName = new objectType();

super

Das Schlüsselwort wird verwendet, um Funktionen für das übergeordnete Objekt aufzurufen. Dies ist auch bei Klassen nützlich, um beispielsweise den Konstruktor des übergeordneten Elements aufzurufen.

Super(); // ruft den Konstruktor des übergeordneten Elements auf. super.functionOnParent();

Erweiterungsbetreiber

Der Erweiterungsoperator ermöglicht die Erweiterung eines Ausdrucks an Stellen mit mehreren Argumenten (für Funktionsaufrufe) oder mehreren Elementen (für Arrays).

Beispiel: Wenn Sie heute über ein Array verfügen und ein neues mit einem vorhandenen Teil des ersten erstellen möchten, reicht die Literal-Array-Syntax nicht mehr aus und Sie müssen imperativen Code (keine Varianten) mit einer Kombination aus Push, Splice usw. schreiben. concat usw. Aber mit diesem Operator wird der Code kürzer:

Var parts = ["Schulter", "Knie"]; var Lyrics = ["Kopf", ...Teile, "und", "Zehen"];

Bei Funktionsaufrufen funktioniert der Operator ähnlich:

Funktion f(x, y, z) ( ) var args = ; f(...Argumente);

Ausdrücke in JavaScript sind Kombinationen Operanden Und Betreiber.

Operationen in-Ausdrücke werden sequentiell entsprechend dem Prioritätswert ausgeführt (je höher der Prioritätswert, desto höher ist er). Das zurückgegebene Ergebnis ist nicht immer vom gleichen Typ wie der Typ der verarbeiteten Daten. Bei Vergleichsoperationen handelt es sich beispielsweise um Operanden verschiedene Arten, aber das zurückgegebene Ergebnis ist immer ein boolescher Typ.

Operanden sind die vom JavaScript-Skript verarbeiteten Daten. Die Operanden können entweder einfache oder komplexe Datentypen sowie andere Ausdrücke sein.

Betreiber sind Sprachsymbole, die verschiedene Operationen mit Daten ausführen. Operatoren können mit Satzzeichen oder Schlüsselwörtern geschrieben werden.

Abhängig von der Anzahl der Operanden werden folgende Arten von Operatoren unterschieden:
einstellig— an der Operation ist ein Operand beteiligt;
binär— Die Operation umfasst zwei Operanden;
ternär– kombiniert drei Operanden.

Die einfachste Ausdrucksform ist wörtlich– etwas, das sich selbst auswertet, zum Beispiel die Zahl 100, die Zeichenfolge „Hello world“ . Eine Variable kann auch ein Ausdruck sein, da sie den ihr zugewiesenen Wert ergibt.

Ausdrücke und Operatoren in JavaScript

1. Arithmetische Operatoren

Rechenzeichen Sie sind für die Durchführung mathematischer Operationen konzipiert und arbeiten mit numerischen Operanden (oder Variablen, die numerische Werte speichern) und geben als Ergebnis einen numerischen Wert zurück.

Wenn einer der Operanden ein String ist, versucht der JavaScript-Interpreter, ihn in einen numerischen Typ umzuwandeln und führt dann die entsprechende Operation aus. Wenn eine Typkonvertierung nicht möglich ist, ist das Ergebnis NaN (keine Zahl).

2. Zuweisungsoperatoren

Zuweisungsoperatoren werden verwendet, um Variablen Werte zuzuweisen. Mit kombinierten Operatoren können Sie den ursprünglichen und den nachfolgenden Wert in einer einzigen Variablen speichern.

3. Inkrement- und Dekrementoperatoren

Operationen Inkrementieren und Dekrementieren sind unär und erhöhen und verringern den Wert des Operanden um eins. Der Operand kann eine Variable, ein Array-Element oder eine Objekteigenschaft sein. Am häufigsten werden solche Operationen verwendet, um einen Zähler in einer Schleife zu erhöhen.

4. Vergleichsoperatoren

Vergleichsoperatoren werden zum Abgleichen von Operanden verwendet. Das Ergebnis des Ausdrucks kann einer von zwei Werten sein – true oder false . Operanden können nicht nur Zahlen, sondern auch Zeichenfolgen, logische Werte und Objekte sein. Allerdings können Vergleiche nur mit Zahlen und Zeichenfolgen durchgeführt werden, sodass Operanden, die keine Zahlen oder Zeichenfolgen sind, konvertiert werden.

Können beide Operanden nicht erfolgreich in Zahlen oder Strings umgewandelt werden, geben die Operatoren immer false zurück.

Wenn beide Operanden Strings/Zahlen sind oder in Strings/Zahlen konvertiert werden können, werden sie als Strings/Zahlen verglichen.

Wenn ein Operand eine Zeichenfolge ist/in eine Zeichenfolge umgewandelt wird und der andere eine Zahl ist/in eine Zahl umgewandelt wird, versucht der Operator, die Zeichenfolge in eine Zahl umzuwandeln und einen Zahlenvergleich durchzuführen. Wenn die Zeichenfolge keine Zahl ist, wird sie in NaN konvertiert und das Ergebnis des Vergleichs ist false .

Am häufigsten werden Vergleichsoperationen beim Organisieren von Zweigen in Programmen verwendet.

5. Logische Operatoren

Logische Operatoren ermöglichen es Ihnen, zurückkehrende Bedingungen zu kombinieren logische Werte. Wird am häufigsten in einer if-Bedingungsanweisung verwendet.

6. Bitweise Operatoren

Bitweise Operatoren Bearbeiten Sie Operanden als 32-Bit-Sequenz aus Einsen und Nullen und geben Sie einen numerischen Wert zurück, der das Ergebnis der Operation angibt, geschrieben in Dezimalschreibweise. Als Operanden gelten ganze Zahlen, der Bruchteil des Operanden wird verworfen. Bitweise Operationen können beispielsweise beim Verschlüsseln von Daten, beim Arbeiten mit Flags und beim Festlegen von Zugriffsrechten verwendet werden.

7. String-Operatoren

Es gibt mehrere Operatoren, die auf besondere Weise mit Zeichenfolgen arbeiten.

8. Spezielle Operatoren

9. Kommentare in JavaScript

Einzeiliger Kommentar: Sie müssen dem Kommentartext die Symbole // voranstellen.

Zunächst kurz zu Ausdrücken in JavaScript.

JavaScript-Ausdrücke

JavaScript verfügt über Anweisungen und Ausdrücke.

Anweisungen geben keine Werte zurück.

Ausdrücke Stets einige Werte zurückgeben. Wenn der Interpreter einen Ausdruck sieht, wertet er seinen Wert aus und ersetzt den Ausdruck durch seinen Wert.

Ausdrücke können einfach oder zusammengesetzt sein. Einfache Ausdrücke umfassen keine anderen Ausdrücke.

Zu den einfachen Ausdrücken gehören:

1. Bezeichner: someVar (Variablenname);
2. Literale: „string“ oder 675 (Zahl oder numerisches Literal);
3. Einige Schlüsselwörter wie dieses;

Wenn der Parser einen Bezeichner findet, muss er zunächst dessen Wert berechnen, also beispielsweise den Namen einer Variablen durch ihren Wert ersetzen.

Der Wert des Literals ist derselbe, wie er im Skriptcode geschrieben ist.

JavaScript-Operatoren und komplexe Ausdrücke

Operatoren werden verwendet, um mehrere einfache Ausdrücke zu einem komplexen zusammenzufassen.

Betreiber sind:

• Unär (ein Operand).
• Binär (zwei Operanden).
• Ternärer Operator? in JavaScript (drei Operanden, es gibt nur einen ternären Operator).

Ein Operand ist ein einfacher Ausdruck, auf den ein Operator angewendet wird.

Beispielsweise ist der arithmetische Additionsoperator „+“ ein binärer Operator. Es summiert den linken und rechten Operanden und gibt die Summe zurück.

Var-Ziffer = 4 + 7;

Die Zuweisung erfolgt übrigens über den Zuweisungsoperator „=". Dieser Operator wertet den Wert des rechten Operanden aus und weist ihn dem linken Operanden zu.

In JavaScript hat unäres Plus nur einen Operanden. Unäres Plus ist kein arithmetischer Operator; es wandelt den Operanden in eine Zahl um.

Var myVar = "7"; document.write(typeof(myVar) + "
"); // Druckt den String myVar = +myVar; document.write(typeof(myVar) + "
"); // Gibt die Nummer im Dokument aus

Zunächst enthielt myVar die Zeichenfolge „7“, bei der es sich um ein Literal vom Typ „String“ und nicht um eine Zahl handelt. Mit dem unären Plusoperator haben wir ein String-Literal in ein numerisches umgewandelt.

Rechenoperationen

Arithmetische Operationen sind bekannte mathematische Operationen.

Möglicherweise bedarf der Operator % (Modulo) einer Erläuterung. 9 wird durch 5 mit einem Rest von 4 dividiert, und diesen Rest gibt dieser Operator zurück. Es wird auch Modulo genannt. Bei Verwendung von Ganzzahlen ist das Ergebnis dieses Operators ebenfalls eine Ganzzahl. Bei der Arbeit mit Gleitkommazahlen ist das Ergebnis eine Gleitkommazahl.

5.5 % 2.2 = 1.1

Bei der Durchführung arithmetischer Operationen ist zu beachten, dass diese bei falscher Ausführung zu folgenden Ergebnissen führen können:

• NaN (Not a Number) ist keine Zahl.
• Unendlichkeit – Unendlichkeit.

Folgendes bewirkt die Division durch Null:

Var myVar = 0 / 0; document.write("Der Wert der Variablen: " + myVar + ", ihr Typ: " + typeof(myVar) + "
");

Vergleichsoperationen

Vergleichsoperatoren werden zum Vergleichen von Ausdrücken verwendet. Ein Ausdruck mit einem bedingten Operator gibt einen booleschen Wert zurück – wahr oder falsch (wahr/falsch).

Vergleichsoperationen können auch mit Strings durchgeführt werden; dies wird in einer anderen Lektion besprochen. Die einzige Voraussetzung für ein korrektes Ergebnis ist die Übereinstimmung von Daten desselben Typs. Andernfalls versucht JavaScript, Daten von einem Typ in einen anderen zu konvertieren, was nicht immer möglich ist. Um Fehler zu vermeiden, vergleichen Sie Daten nur eines Typs.

Zuweisungsoperatoren

Das offensichtlichste Beispiel für einen Zuweisungsoperator ist die einfache Zuweisung (=). Dieser Operator (=) wird verwendet, um einer Variablen einen Wert zuzuweisen.

Es gibt aber auch eine Reihe von Zuweisungsoperatoren, bei denen es sich um Abkürzungen handelt.

Logische Operationen

Boolesche Operationen werden häufig mit dem if else-Konstrukt in JS verwendet. Anhand von Beispielen dieses Designs wird ihre Arbeit demonstriert. Aber zuerst eine Liste logischer Operatoren.

Nun einfache Beispiele:

If (true && true) document.write("Es funktioniert!
"); if (true || false) document.write("Es funktioniert!
"); if (!false) document.write("Es funktioniert!
");

Schauen wir uns diese Beispiele an:

Der logische UND-Operator (&&) gibt „true“ zurück, wenn beide Operanden wahr sind.

Der logische ODER-Operator (||) gibt „true“ zurück, wenn mindestens ein Operand wahr ist.

Der logische NOT-Operator (!) nimmt einen Operanden und kehrt den Wahr/Falsch-Wert um.

Unäre Operatoren

Unäre Operatoren sind Operatoren mit einem Operanden. Hier sind einige solcher Operatoren:

• ++ - um 1 erhöhen (Inkrement). Es kann ein Präfix und ein Postfix sein, mehr dazu weiter unten.
• -- - um 1 verringern (dekrementieren). Es kann ein Präfix und ein Postfix sein, mehr dazu weiter unten.
• + - unäres Plus.
• - - unäres Minus.

Unäres Minus

Ein unäres Minus kehrt das Vorzeichen eines Ausdrucks um. Wenn Sie beispielsweise -100 in ein Programm schreiben, wenden Sie einfach ein unäres Minus auf das Zahlenliteral 100 an.

Sie müssen genau verstehen, wie das unäre Minus funktioniert – es gibt den Wert des Operanden mit umgekehrtem Vorzeichen zurück. Hier ist ein Beispiel für die korrekte Verwendung eines unären Minus:

Var myVar = -100; document.write(-myVar + " – das unäre Minus hat funktioniert, aber die Variable auch = " + myVar + ".
"); myVar = -myVar; document.write("Jetzt variable = " + myVar + ".
");

Lassen Sie uns ein bedeutungsloses Beispiel für ein doppeltes unäres Minus geben. Ich denke, es wird für Bildungszwecke nützlich sein:

Var myVar = -100; document.write(--myVar + " ist ein Inkrement, kein doppeltes unäres Minus.
"); document.write("Now variable = " + myVar + ".
"); document.write(-(-myVar) + " und dies ist eine doppelte Verwendung des unären Minus.
");

Unäres Plus

Das unäre Plus führt keine mathematischen Operationen aus. Es wandelt ein Literal in einen numerischen Typ um.

Var myVar = "78687"; document.write(typeof(myVar) + ".
"); myVar = +myVar; document.write(typeof(myVar) + ".
");

Inkrementieren und Dekrementieren

Beim Programmieren müssen Sie häufig den Wert einer Variablen um eins erhöhen oder verringern. Dafür gibt es unäre Operatoren:

• ++ - um 1 erhöhen (Inkrement).
• -- - um 1 verringern (dekrementieren).

Im Gegensatz zu unären Plus- und Minuswerten ändern Inkrement und Dekrement den Wert der Variablen beim Aufruf.

Var myVar = 10; document.write(++myVar + ".
"); document.write(myVar + ".
");

Dekrementieren (--) funktioniert auf die gleiche Weise.

Schauen wir uns nun die Verwendung dieser Operatoren als Präfix und Postfix an.

• ++myVar – Präfixerhöhung um 1.
• myVar++ – Postfix-Inkrement um 1.

Der Unterschied ist dieser:

• Bei der Präfixverwendung dieser Operatoren wird zunächst der Wert des unären Operators ausgewertet und das Ergebnis dann in einem Ausdruck verwendet.
• Bei der Verwendung von Postfix wird zunächst der Ausdruck und dann der unäre Operator (++ oder --) ausgewertet.

Ein einfaches Beispiel hilft Ihnen, dies zu verstehen:

Var myVar = 10; document.write((++myVar + 5) + ".

"); var myVar = 10; document.write((myVar++ + 5) + ".
"); document.write("Variable = " + myVar + ".
");

Inkrement und Dekrement können nur mit Variablen verwendet werden; sie können nicht mit numerischen Literalen verwendet werden. Einfach ausgedrückt hat der ++7-Code einen Fehler im Skript ausgegeben.

Andere Betreiber

Es gibt weitere Operatoren in JavaScript:

• Ternärer Operator (drei Operanden).

var a = 10; var b = (a>1) ? 100:200; Warnung(b);

Wenn der Zustand a>1 wahr, dann die Variable B Wert zuweisen 100 , andernfalls weisen Sie den Wert der Variablen b zu 200 .

Js Aufgabe 3_4. Code hinzufügen: 3 lokale Variablen werden mit deklariert Stichwort var. Es ist notwendig, der Variablen max den Wert des folgenden ternären Operators zuzuweisen: Wenn a größer als b ist, geben wir a zurück, andernfalls geben wir b zurück.
Code-Auszug:

wenn (a * b< 6) { result = "Мало"; } else { result = "Много"; }

Fragen zur Selbstkontrolle:

1. Wie lautet die Syntax des ternären Operators?
2. Wie viele Argumente hat der ternäre Operator?

Schalteroperator in Javascript - Schalter

Die Javascript-Switch-Anweisung wird verwendet, um eine Variable auf mehrere Werte zu testen:

Syntax:

switch (Variable oder Ausdruck) ( case option1: //..Anweisungsblock.. break case option2: //..Anweisungsblock.. break default: //..Anweisungsblock.. )

Der Wert einer Variablen oder eines Ausdrucks wird überprüft: in jedem Fall Einer der Werte wird überprüft. Wenn der Wert geeignet ist, wird der eine oder andere entsprechende Block von Operatoren ausgeführt Fall.

Der mit dem Dienstwort default beginnende Block kann weggelassen werden. Die Blockanweisungen werden ausgeführt, wenn keiner der aufgeführten Werte insgesamt vorhanden ist Fall ungeeignet.

Wichtig: Die break-Anweisung ist nach jedem betrachteten Variablenwert (nach jedem) erforderlich Fall); Wenn Sie es nicht verwenden, werden alle folgenden Anweisungen gedruckt

Vergleichen Sie mit dem Betreiber WENN:

var a = 2; switch(a) ( case 0: // if (a === 0) case 1: // if (a === 0) warning("Zero or one"); // then print... break; case 2: // if (a === 2) alarm("Two"); // dann zeigen wir... break; default: // else alarm("Many"); // sonst zeigen wir... )

Wie gruppiere ich mehrere Optionen?

Um dieselben Anweisungen auszuführen, ist es möglich, mehrere zu gruppieren Fall. Wie im Beispiel oben:

Fall 0: Fall 1: alarm("Null oder eins"); brechen; ...

Wenn a = 0 und a = 1, wird dieselbe Anweisung ausgeführt: alarm("Zero or one");

Beispiel 4: Fordern Sie den Benutzer auf, eine Farbe einzugeben. Ausgabeübersetzung an englische Sprache eingegebene Farbe. Für Farbe "Blau" Und "Blau" den gleichen Wert erzeugen.

• Erstellen Sie eine Webseite mit HTML-Skelett und Tag Skript.
• Variable initialisieren Farbe

var color = prompt("Welche Farbe?" );

var color = prompt("Welche Farbe?");

• Überprüfen Sie den Wert einer Variablen mithilfe eines Konstrukts Schweiß, wobei für jeden Wert die entsprechende Übersetzung ausgegeben wird:

Schalter (Farbe) ( case "red" : alarm("red"); break; case "green": alarm("green"); break; // ...

Wenn die Variable Farbe hat den Wert „rot“, dann Ausgabe an Modales FensterÜbersetzung - "rot" und verlassen Sie die Struktur (break;). Wenn die Variable Farbe den Wert „grün“ hat, dann die Übersetzung im modalen Fenster anzeigen – „grün“ und die Struktur verlassen (break;).

• Für Blumen "Blau" Und "Blau" Führen Sie die Gruppierung durch:

// ... case „blue“: case „blue“: alarm(“blue“); brechen; // ...

Wenn die Variable Farbe hat den Wert „blau“ oder variabel Farbe den Wert „blau“ hat, dann die Übersetzung im modalen Fenster anzeigen – „blau“ und die Struktur verlassen (break;).

• Organisieren Sie die Ausgabe für die Farben, die nicht vom Programm bereitgestellt werden:

// ... Standard: alarm( „Zu dieser Farbe liegen uns keine Informationen vor“) ) // Endschalter

// ... default: alarm("wir haben keine Informationen zu dieser Farbe") ) // Endschalter

• Testen Sie das Skript in einem Browser.

Js Aufgabe 3_6. Suchen und beheben Sie Fehler im folgenden Codeausschnitt:

var number = prompt("Geben Sie Nummer 1 oder 2 ein:"); switch (number) ( case "1" ( document.write("One"); ); break; case "2" ( document.write("Two"); ); break; default ( document.write("Du hast eingegeben anderer Wert als 1 und 2"); ); )

Js Aufgabe 3_7. Was wird auf dem Bildschirm angezeigt, wenn der folgende Code ausgeführt wird?:

var-Wert = „2“; switch (Wert) ( case „1“: case „2“: case „3“: document.write(“Hello“); break; case „4“: case „5“: document.write(“World“ ); Standard: document.write("Error"); )

Js Aufgabe 3_8. Bitten Sie den Benutzer um eine Zahl – die Anzahl der Krähen auf dem Ast. Abhängig von der eingegebenen Zahl (nicht mehr als 10) wird die Meldung angezeigt: - Sitzt auf einem Ast 1 Krähe- Sitzt auf einem Ast 4 Krähen- Sitzt auf einem Ast 10 Krähen

1. Abhängig von der eingegebenen Zahl ändert sich die Endung des Wortes "Krähe".
2. Verwenden Sie zur Überprüfung den Javascript-Switch-Operator.
3. Speichern diese Seite im Ergebnisordner (es wird für die weitere Arbeit nützlich sein).

Fragen zur Selbstkontrolle:

1. In welchem ​​Fall ist es ratsam als Bedingungsoperator Konstruktion nutzen schalten?
2. Welchen Zweck hat der Standardblock in der Anweisung? schalten?
3. Ist es notwendig, die break-Anweisung in einer Konstruktion zu verwenden? schalten?
4. So gruppieren Sie Optionen mit mehreren Werten in einer Anweisung schalten?

Zyklische JavaScript-Operatoren – Für

Syntax:

for(anfänglicher Zählerwert; Bedingung; Zählerinkrement) ( //..Anweisungsblock.. )

Wichtig: Eine Schleife in Javascript wird verwendet, wenn im Voraus bekannt ist, wie oft zyklische Aktionen wiederholt werden sollen (wie viele Iterationen hat die Schleife).

• Als Anfangswert des Iterationszählers wird ein Zuweisungsausdruck verwendet: zum Beispiel i=0 – der Schleifenzähler beginnt bei Null:

for(var i = 0; Bedingung; Zählerinkrement) ( //..Anweisungsblock.. )

• Die Erhöhung des Zählers gibt den Schritt an, mit dem der Zähler erhöht werden soll: Sie gibt beispielsweise an, dass jede Iteration der Schleife mit einer Erhöhung um einhergeht 1 :

for(var i = 0; Bedingung; i++) ( //..Anweisungsblock.. )

• Die Schleifenbedingung ist der Endwert des Zählers: i10 stoppt beispielsweise die Schleife:

for(var i = 0; i<10; i++) { //..блок операторов.. }

Schauen wir uns ein Beispiel für die Verwendung einer for-Schleife in Javascript an:

Beispiel 5: Drucken Sie eine Zahlenfolge 0 1 2 3 ... 9 , jede Ziffer steht in einer neuen Zeile. 0 1 2 ... 8 9

• Um eine Zahlenfolge anzuzeigen, verwenden wir einen for-Schleifenzähler, der seinen Wert ändern soll 0 Vor 9 entsprechend der Reihenfolge.
• So für Anfangswert des Schleifenzählers Setzen Sie den Wert auf 0 ; als Zyklusbedingungen Legen Sie den Endwert fest - ii=9; Der Zählerschritt sollte gleich sein 1 (i++), da der Unterschied zwischen den Mitgliedern der Sequenz eins ist:

für (var i=0; i<10; i++) { document.write(i+"
"); }

Im Beispiel werden die Werte des Schleifenzählers auf dem Bildschirm angezeigt, da die Erhöhung des i++-Zählers entsprechend auf dem Bildschirm erscheint 0 1 2 3 ... 9 , wobei jede Ziffer in einer neuen Zeile beginnt (tag
).

• Testen Sie das Skript in einem Browser.

Js Aufgabe 3_9. 1 Vor 15 .

1. Verwenden Sie einen Schleifenzähler als Zahlenfolge für.
2. Verwenden Sie für eine Addierervariable den Variablenbezeichner Summe.

Code-Auszug:

Für (var i=...;...;...)( sum = sum + ...; ) ...

Schleifenexit-Anweisungen brechen Und weitermachen in JavaScript. Operator Ausfahrt

Der Break-Operator unterbricht die Ausführung des gesamten Schleifenkörpers, d. h. Verlässt eine Schleife in Javascript.

Während die continue-Anweisung die Ausführung der aktuellen Iteration der Schleife unterbricht, setzt sie die Ausführung der Schleife jedoch ab der nächsten Iteration fort.

Schauen wir uns die Funktionsweise der Break- und Continue-Operatoren anhand eines Beispiels an:

Beispiel: Zerlegen Sie den Algorithmus des Codefragments. Was wird ausgegeben?

Code-Auszug:

für (var i=0;i<10;i++) { if (i==4) continue; document.write(i+"
"); if (i==8) break; )

• Die dritte Zeile des Beispiels enthält eine Bedingung, aufgrund derer die Nummer 4 wird nicht angezeigt: Operator weitermachen fährt mit der nächsten Iteration der Schleife fort, ohne die aktuelle abzuschließen.
• Zeile Nr. 5 verlässt die Schleife, aber gleichzeitig die Nummer 8 wird auf dem Bildschirm angezeigt, da die Ausgabeanweisung vor der Bedingung steht (in der 4. Zeile). Kennengelernt brechen, beendet der Interpreter die Schleife.
• Das. Auf dem Bildschirm wird Folgendes angezeigt: 0 1 2 3 5 6 7 8 - Jede Ziffer steht in einer neuen Zeile.

Aufgabe Js 3_10. Drucken Sie die Summe aller ganzen Zahlen aus 1 Vor 15 , ohne Zahlen vom Gesamtbetrag 5 Und 7 .

Exit-Anweisung

Die Javasctipt-Sprache bietet einen Operator zum Beenden von Programmcode – den Exit-Operator.
Die häufigste Verwendung des Operators besteht darin, Benutzereingabefehler zu beseitigen.

Beispiel 6: Fordern Sie den Benutzer auf, eine Nummer einzugeben. Wenn es sich bei der eingegebenen Nummer nicht um eine Nummer handelt, wird eine Meldung angezeigt „Brauche eine Nummer!“ und stoppen Sie das Programm.

• Variable initialisieren Nummer Vom Benutzer im modalen Fenster eingegebener Wert:

var number = prompt("Geben Sie eine Zahl ein");

• Überprüfen Sie mithilfe der parseInt-Funktion zum Konvertieren einer Zeichenfolge in eine Ganzzahl, ob der eingegebene Wert eine Zahl ist:

number=parseInt(number); // NaN zurückgeben – keine Zahl

Wenn die eingegebene Zahl keine Zahl ist, gibt die Funktion den Wert NaN (aus dem Englischen) zurück. keine Zahl- keine Zahl).

• Überprüfen Sie den Wert einer Variablen Nummer mit der isNaN-Funktion:

x = isNaN(Anzahl); // gibt true zurück, wenn der Wert nicht numerisch ist

Die Funktion isNaN gibt den Wert zurück WAHR falls die Variable keine Zahl ist

• Von die Regel der „Lügen“ Organisieren Sie die Überprüfung des Werts einer Variablen X. Wenn der Wert nicht numerisch ist, drucken Sie die entsprechende Notiz aus und beenden Sie das Programm:

if (x)( alarm("Anzahl erforderlich!"); exit; // Programm beenden)

• Um das Programm fortzusetzen (wenn der eingegebene Wert eine Zahl war), zeigen Sie die folgende Eingabeaufforderung an:

Alert("Geben Sie die zweite Zahl ein");// Wenn Sie eine Nicht-Zahl eingeben, wird der Operator nicht ausgeführt

• Testen Sie das Skript in einem Browser.

Fragen zur Selbstkontrolle:

1. Listen Sie drei Schleifenparameter auf für und erklären Sie ihren Zweck.
2. Welche Anweisungen werden verwendet, um eine Schleife zu verlassen und zu unterbrechen? Nennen Sie Beispiele für deren Verwendung.
3. Was ist der Zweck des Betreibers? Ausfahrt?

Ist es möglich, mehrere Zähler in einem FOR zu haben?

Bei Verwendung ist eine interessante Arbeit mit der for-Schleife möglich gleichzeitig zwei Zähler in einer Schleife.
Schauen wir uns ein Beispiel an:

Beispiel 7: Drucken Sie mithilfe des Skripts die folgenden Variablen-Wert-Paare in drei Zeilen aus: i=0 j=2 i=1 j=3 i=2 j=4

• Organisieren Sie in der for-Schleife zwei Zähler: Zähler i, um die Sequenz auszugeben 0 1 2 , Zähler j für Sequenzausgabe 2 3 4 :

1 2 3

für (i= 0 , j= 2 ; i< 10 , j< 5 ; i++, j++ ) { }

for(i=0, j=2; i<10, j<5; i++, j++) { }

Jeder der drei Parameter der for-Schleife hat nun zwei Werte, die aufgelistet werden durch Kommata abgetrennt(zum Beispiel der erste Parameter mit zwei Werten: i=0, j=2). Die Parameter selbst werden aufgelistet durch Semikolons getrennt(;).

• Um jede Zeile auszugeben, verwenden Sie das Tag
  :

1 2 3 4

für (i= 0 , j= 2 ; i< 10 , j< 5 ; i++, j++ ) { document.write (" i=" , i, "j=" , j) ; )

for(i=0, j=2; i<10, j<5; i++, j++) { document.write("
i=", i, "j=",j); )

Eine Seite im Handumdrehen erstellen: Wie geht das?

Bevor wir die nächste Aufgabe ausführen, schauen wir uns ein Beispiel an Dynamisches Erstellen einer HTML-Seite mit Javascript.

Beispiel 8:

• Sie müssen auf einer Webseite basierend auf Benutzereingaben dynamisch Listen mit Aufzählungszeichen und Nummern generieren: Fordern Sie den Benutzer zur Eingabe auf Listenansicht(nummeriert (Nummer 1) oder markiert (Nummer 2)) und dann Anzahl der Listenelemente.
• Zeigen Sie je nach Antwort Tags einer Liste mit Aufzählungszeichen oder einer nummerierten Liste mit der erforderlichen Anzahl von Elementen an.
• Wenn ein nicht vorhandener Listentyp eingegeben wird, wird eine Meldung angezeigt „Geben Sie den richtigen Typ ein!“ und beenden Sie das Programm ().

Erinnern wir uns an die Tags:
Nummerierte Listen-Tags:

Tags für Aufzählungslisten:

var listType=prompt("Geben Sie „1“ ein – wenn es sich um eine Liste mit Aufzählungszeichen handelt, „2“ – wenn es sich um eine nummerierte Liste handelt“);