JavaScript - Bedingte und boolesche Operatoren. Beispiele für bedingte Anweisungen von Jquery elseif

In diesem Artikel werden wir uns die bedingten und logischen Operatoren der JavaScript-Sprache ansehen.

Bedingte JavaScript-Anweisungen

Bedingte Aussagen sind Operatoren der JavaScript-Sprache (ECMAScript), die es Ihnen je nach Bedingung ermöglichen, eine oder mehrere spezifische Anweisungen auszuführen.

Formen bedingter Anweisungen in JavaScript:

• bedingte if-Anweisung (mit einer Verzweigung);
• Bedingungsoperator if...else (mit zwei Zweigen);
• else if... bedingte Anweisung (mit mehreren Verzweigungen);
• ternärer Operator (?: );
• Switch-Anweisung.

Bedingte if-Anweisung

Syntax der if-Anweisung:

If (Bedingung)-Anweisung

Die bedingte if-Anweisung besteht aus:

• Stichwort wenn ;
• Bedingungen (Ausdrücke in Klammern), die wahr oder falsch sein müssen (oder in einen dieser Werte umgewandelt werden);
• Anweisungen zu befolgen wenn die Bedingung wahr ist oder darauf gecastet wird.

Zum Beispiel:

Wenn (wahr) Anzahl = 4;

Dieses Beispiel verwendet true als Bedingung. Das bedeutet, dass die Anweisung count = 4 immer ausgeführt wird. Dieses Beispiel nur gegeben, um zu erklären, wie die if-Anweisung funktioniert, weil es ist ohne jeden Sinn.

Lassen Sie uns beispielsweise den Wert der Variablen votes um 1 erhöhen, wenn sie (ihr Typ) eine Zahl ist:

If (typeof votes === "number") votes++;

Wenn Sie mehrere Anweisungen ausführen müssen, müssen diese in geschweifte Klammern gesetzt werden:

If (typeof votes === "number") ( votes++; console.log("Number of votes: " + votes); )

If (typeof votes === "number") ( votes++; )

if...else-Anweisung

Die if...else-Anweisung wird verwendet, wenn bestimmte Anweisungen ausgeführt werden müssen, wenn eine Bedingung wahr ist, und andere, wenn eine Bedingung falsch ist.

Syntax:

If (Bedingung) ( eine oder mehrere Anweisungen (auszuführen, wenn Bedingung wahr ist oder in wahr umgewandelt wird) ) else ( eine oder mehrere Anweisungen (auszuführen, wenn Bedingung falsch ist oder in falsch umgewandelt wird) )

Lassen Sie uns beispielsweise eine Nachricht an die Konsole ausgeben, ob die Zahl gerade ist oder nicht:

If (Zahl % 2) ( console.log("Die Zahl ist ungerade!"); ) else ( console.log("Die Zahl ist gerade!"); )

Regel zum Umwandeln einer Bedingung in wahr oder falsch

Wenn der Ausdruck in der Bedingung einer if-Anweisung nicht gleich true oder false ist, wandelt JavaScript ihn in einen dieser Werte um. Er führt diese Aktion mit Hilfe der sogenannten „Lügenregel“ durch.

Die Bedeutung dieser Regel: jeder Ausdruck ist wahr, außer den folgenden Werten:

• falsch (falsch);
• "" oder "" (leerer String);
• NaN (spezieller numerischer Datentyp „keine Zahl“);
• 0 (Zahl "Null");
• null ("leerer" Wert);
• undefiniert ("undefinierter" Wert).

Lassen Sie uns beispielsweise eine Willkommensnachricht an die Browserkonsole ausgeben, je nachdem, welcher Wert in der Variable nameUser gespeichert ist:

If (nameUser) ( console.log("Hallo, " + name + "!"); ) else ( console.log("Hallo, Gast!"); )

Wenn die Variable nameUser einen leeren String enthält, wird sie gemäß der Lügenregel auf den Wert false gecastet. Daher wird in der Konsole die Meldung „Hi, guest!“ angezeigt. .

Und wenn zum Beispiel die Variable nameUser den String „Timur“ enthält, dann wird der Ausdruck in der Bedingung auf true gecastet. Als Ergebnis zeigt die Konsole die Nachricht "Hello, Timur!" .

else if... Anweisung (mehrere Bedingungen)

Syntax:

If (Bedingung1) (Anweisungen 1) Else If (Bedingung2) (Anweisungen 2) Else If (Bedingung3) (Anweisungen 3 //... ) Else If (BedingungN) (Anweisungen N) Else (Auszuführende Anweisungen, wenn keine von die Bedingungen nicht wahr sind oder nicht auf diesen Wert gecastet wurden)

Bedingter (ternärer) Operator (?:)

Ternärer Operator ist ein JavaScript-Operator, der verwendet werden kann, wenn es erforderlich ist, je nach Bedingung einen von zwei gegebenen Ausdrücken auszuführen.

Syntax:

Bedingung? Ausdruck1: Ausdruck2

Der ternäre Operator besteht aus drei Operanden, die durch die Symbole? und: . Die Bedingung des ternären Operators wird im ersten Operanden angegeben. Es kann auch in Klammern eingeschlossen werden. Wenn die Bedingung wahr ist oder auf diesen Wert gecastet wird, wird expression1 ausgeführt, andernfalls wird expression2 ausgeführt.

Zum Beispiel:

(Zahl > 10) ? console.log("Die Zahl ist größer als 10!"): console.log("Die Zahl ist kleiner oder gleich 10");

JavaScript erlaubt mehrere ternäre Operatoren (?:):

Var dayNumber = new Date().getDay(); day = (dayNumber === 0) ? "Sonntag" : (dayNumber === 1) ? "Montag" : (dayNumber === 2) ? "Dienstag" : (dayNumber === 3) ? "Mittwoch" : (dayNumber === 4) ? "Donnerstag" : (dayNumber === 5) ? "Freitag" : (dayNumber === 6) ? „Samstag“ : „Unbekannter Wochentag“; console.log("Heute ist " + day.toLowerCase() + ".");

Das obige Beispiel, aber mit mehreren if...else-Anweisungen:

Var dayNumber = new Date().getDay(); if (dayNumber === 0) ( day = "Sunday"; ) else if (dayNumber === 1) ( day = "Monday"; ) else if (dayNumber === 2) ( day = "Dienstag"; ) else if (dayNumber === 3) ( day = "Wednesday"; ) else if (dayNumber === 4) ( day = "Donnerstag"; ) else if (dayNumber === 5) ( day = "Friday"; ) else if (dayNumber === 6) ( day = "Samstag"; ) else ( day = "Unbekannter Wochentag"; ) console.log("Heute ist " + day.toLowerCase() + ".") ;

Switch-Anweisung

Die switch-Anweisung ist so konzipiert, dass sie abhängig vom Wert des Ausdrucks eine von mehreren Versionen der Anweisungen ausführt. Die Wahl der einen oder anderen Option wird durch die strikte Gleichheit des Ergebnisses des Ausdrucks mit dem Wert des Falls ( case ) bestimmt.

Syntax der Switch-Anweisung:

Switch (Ausdruck) ( case value1: // ... Anweisungen, die ausgeführt werden, wenn das Ergebnis des Ausdrucks "value1" ist break; // optionale Anweisung (wenn nicht verwendet, wird die nächste switch-Anweisung ausgeführt) case value2 : // ... Anweisungen, die ausgeführt werden, wenn der Ausdruck zu "value2" ausgewertet wird break; // optionale Anweisung (wenn sie nicht verwendet wird, wird der nächste switch-Anweisungsbefehl ausgeführt) // ... case valueN: / / ... Anweisungen, die ausgeführt werden, wenn das Ergebnis des Ausdrucks "valueN" ist break; // optionale Anweisung (wenn sie nicht verwendet wird, wird der nächste Befehl der switch-Anweisung ausgeführt) default: // Anweisungen, die ausgeführt werden ausgeführt werden, wenn das Ergebnis des Ausdrucks nicht gleich mehr als einem der Werte ist)

Das Standardschlüsselwort ist optional. Es wird verwendet, wenn es notwendig ist, Anweisungen anzugeben, die ausgeführt werden sollen, wenn das Ergebnis eines Ausdrucks keinem Fallwert entspricht.

Die break-Anweisung ist optional. Es soll die Ausführung der switch-Anweisung unterbrechen und die Kontrolle an die darauffolgende Anweisung übertragen.

Lassen Sie uns zum Beispiel eine Nachricht in der Browserkonsole über die Anzahl der Süßigkeiten anzeigen:

Var countCandyBoys = 1, countCandyGirls = 2, Nachricht; switch (countCandyBoys + countCandyGirls) (Fall 1: Nachricht = "Eine Süßigkeit"; Pause; Fall 2: Fall 3: Nachricht = "Zwei oder drei Süßigkeiten"; Pause; Fall 4: Nachricht = "Vier Süßigkeiten"; Pause; Standard: message = "Nicht eins, nicht zwei, nicht drei oder vier Bonbons"; ) // Nachricht auf der Konsole ausgeben console.log(message);

Im obigen Beispiel ist der ausgewertete Ausdruck 3. Daher werden die Anweisungen message = "Two or three candies" und break ausgeführt. Die break-Anweisung unterbricht die weitere Ausführung der switch-Anweisung und übergibt die Kontrolle an die nachfolgende Anweisung, d. h. Konsole.log (Nachricht) . Es wird eine Nachricht an die Konsole ausgegeben "Zwei oder drei Süßigkeiten".

Lassen Sie uns beispielsweise den aktuellen Wochentag in der Konsole anzeigen:

var tag = ""; switch(new Date().getDay()) ( Fall 0: Tag = "Sonntag"; Pause; Fall 1: Tag = "Montag"; Pause; Fall 2: Tag = "Dienstag"; Pause; Fall 3: Tag = "Mittwoch"; Pause; Fall 4: Tag = "Donnerstag"; Pause; Fall 5: Tag = "Freitag"; Pause; Fall 6: Tag = "Samstag"; Pause; Standard: Tag = "Unbekannter Wochentag" ; ) console.log("Heute ist " + day.toLowerCase() + ".");

Ein Beispiel, das die break-Anweisung nicht verwendet:

varresult = "Erfolg"; switch (Ergebnis) ( case "success": console.log("Success!"); case "invalidCaptcha": console.log("Ungültiges Captcha!"); default: console.log("Error!"); )

In diesem Beispiel ist der Ausdruck der switch-Anweisung gleich success . Daher wird die Anweisung console.log("Erfolg!") ausgeführt, die die Meldung "Erfolg!" ausgibt. zur Konsole. Da danach aber keine break-Anweisung folgt, wird die Skriptausführung in der nächsten Variante fortgesetzt. Somit werden die Anweisungen ausgeführt, bis die Unterbrechung auf dem Pfad auftritt oder das Ende der switch-Anweisung erreicht ist. Als Ergebnis der Ausführung dieses Beispiels werden 3 Meldungen in der Konsole angezeigt: "Success!" , "Falsches Captcha!" und "Fehler!" .

In einigen Fällen kann dieses Verhalten erforderlich sein, in diesem Fall jedoch nicht. Hier liegt nur ein Fehler vor.

Korrigiertes Beispiel:

varresult = "Erfolg"; switch (Ergebnis) ( case "success": console.log("Success!"); break; case "invalidCaptcha": console.log("Ungültiges Captcha!"); break; default: console.log("Error!" ); )

Logische Operatoren

JavaScript unterscheidet zwischen folgenden logischen Operatoren:

• && - logisches "UND";
• || - logisches "ODER";
• ! -logisches "NICHT".

Wenn drin Boolescher Ausdruck operand1 && operand2 boolesche Werte verwendet werden, dann ist das Ergebnis dieses Ausdrucks wahr, wenn jeder von ihnen wahr ist ; andernfalls ist der Wert dieses Ausdrucks false .

Falsch && falsch // falsch wahr && falsch // falsch falsch && wahr // falsch wahr && wahr // wahr

Wenn der boolesche Ausdruck operand1 && operand2 nicht-boolesche Werte verwendet, dann ist das Ergebnis dieses Ausdrucks operand1, wenn es in false umgewandelt werden kann; andernfalls ist das Ergebnis dieses Ausdrucks operand2 .

5 && 0 // 0 1 && 5 // 5 "string" && undefined // undefined "string1" && "string2" // "string2"

Wenn im logischen Ausdruck operand1 || operand2 boolesche Werte verwendet werden, dann ist das Ergebnis dieses Ausdrucks wahr, wenn mindestens einer von ihnen wahr ist ; andernfalls ist der Wert dieses Ausdrucks false .

falsch || falsch // falsch wahr || falsch // wahr falsch || wahr // wahr wahr || Wahr, wahr

Wenn im logischen Ausdruck operand1 || operand2 verwendet nicht-boolesche Werte, dann ist das Ergebnis dieses Ausdrucks operand1, wenn es in true umgewandelt werden kann; andernfalls ist das Ergebnis dieses Ausdrucks operand2 .

5 || 0 // 5 1 || 5 // 1 "Zeile" || undefiniert // "Zeichenfolge" "Zeichenfolge1" || "Linie2" // "Linie1"

Der boolesche Ausdruck!operand1 ergibt wahr, wenn operand1 falsch ist, oder kann in diesen Wert umgewandelt werden; andernfalls wird dieser Ausdruck zu false ausgewertet.

False // true !true // false !"string" // false !5 // false"

Bedingter Operator ermöglicht es Ihnen, einen bestimmten Codeblock abhängig vom Ergebnis der Auswertung des angegebenen Ausdrucks - Bedingung zu überspringen oder auszuführen. Wir können sagen, dass die bedingte Anweisung der Entscheidungspunkt im Programm ist, manchmal wird sie auch als Verzweigungsanweisung bezeichnet. Wenn wir uns vorstellen, dass das Programm eine Straße ist, und PHP-Interpreter Geht ein Reisender darauf entlang, dann können die Bedingungsanweisungen als Kreuzungen betrachtet werden, an denen der Programmcode in zwei oder mehr Straßen verzweigt, und an solchen Kreuzungen muss der Interpreter wählen, auf welcher Straße er sich fortbewegt.

if-Anweisung

Die if-Anweisung ist die einfachste der Verzweigungsanweisungen.

Syntax der if-Anweisung:

Die if-Anweisung wertet zuerst den in Klammern angegebenen bedingten Ausdruck aus, das Ergebnis dieses Ausdrucks ist ein boolescher Wert. Wenn das Ergebnis wahr (true) ist, wird die Anweisung ausgeführt. Wenn der Ausdruck als falsch ausgewertet wird, wird die Anweisung nicht ausgeführt. Als Bedingung kann ein beliebig komplexer Ausdruck verwendet werden.

Wenn im Körper der if-Anweisung nur eine Anweisung verwendet wird, ist es möglich, aber nicht notwendig, sie in geschweifte Klammern einzuschließen. Wenn Sie jedoch mehr als eine Anweisung im Körper der if-Anweisung ausführen möchten, sondern mehrere, dann müssen diese mehreren Anweisungen in geschweifte Klammern eingeschlossen werden. Beachten Sie, dass auf die schließende Klammer kein Semikolon folgen sollte.

Der folgende Code demonstriert die Verwendung der if-Anweisung:

if-Anweisungen können in anderen if-Anweisungen verschachtelt werden:

beachten letztes Beispiel: Die Anweisung muss nicht genau unter die if-Anweisung geschrieben werden, wenn die Anweisung nicht groß ist, kann sie in einer Zeile geschrieben werden.

wenn sonst Anweisung

Und so haben wir gelernt, dass Sie mit der if-Anweisung Anweisungen ausführen können, wenn die Bedingung wahr ist. Wenn die Bedingung falsch ist, wird keine Aktion ausgeführt. Es ist jedoch oft erforderlich, einige Anweisungen auszuführen, wenn eine bestimmte Bedingung wahr ist, und andere Anweisungen, wenn die Bedingung falsch ist. Für solche Fälle wird if-else-Verzweigung verwendet. Es besteht aus einer if-Anweisung gefolgt von einem Anweisungsblock und einem else-Schlüsselwort gefolgt von einem weiteren Anweisungsblock.

Die Syntax der if else-Anweisung lautet:

Die else-Anweisung ist optional. Der nach dem else stehende Anweisungsblock wird standardmäßig ausgeführt, d.h. wenn der bedingte Ausdruck in if zu false ausgewertet wird. Die else-Anweisung kann nicht getrennt von der if-Anweisung verwendet werden. Der else-Block sollte nur nach der if-Anweisung platziert werden, er kann als Standardaktion betrachtet werden.

Wenn wir unser vorheriges Beispiel ein wenig modifizieren, können wir sehen, wie die if else-Anweisung funktioniert, wenn die Bedingung als falsch ausgewertet wird:

Die if else-Anweisung kann verschachtelt werden. Solche verschachtelten Bedingungsanweisungen sind in der Praxis durchaus üblich. Eine if-Anweisung ist verschachtelt, wenn sie in einem anderen if- oder else-Block verschachtelt ist. Wenn der Code mehrere if-Anweisungen hintereinander verwendet, dann bezieht sich else immer auf das nächste if:

Das letzte Else gilt nicht für if($a) , da es nicht in ist Innengerät, also erhält derjenige, der ihm am nächsten ist, if($i) . Die else-Anweisung innerhalb des Blocks ist mit if($b) verwandt, weil if diesem am nächsten kommt.

elseif/else if konstruieren

Die if / else-Anweisung wertet den Wert des Bedingungsausdrucks aus und führt das eine oder andere Fragment aus Programmcode. Was aber, wenn eines der vielen Fragmente ausgeführt werden muss? Wenn Sie mehrere Bedingungen hintereinander prüfen müssen, dann eignet sich dafür das elseif- oder else if-Konstrukt (es handelt sich um dasselbe Konstrukt, nur anders geschrieben). Technisch gesehen ist es kein eigenständiges PHP-Konstrukt – es ist nur ein gängiger Programmierstil, bei dem wiederholte if/else-Anweisungen verwendet werden. Sie können damit zusätzliche Bedingungen testen, bis eine wahre gefunden oder ein else-Block erreicht wird. elseif/else if konstruieren muss nach der if-Anweisung und davor stehen sonst Aussage, wenn es einen gibt.

Hier werden drei Bedingungen geprüft und je nach Wert der Variablen $username unterschiedliche Aktionen ausgeführt.

Tatsächlich ist an diesem Fragment nichts Besonderes. Es ist nur eine Folge von if-Anweisungen, wobei jede if-Anweisung Teil des else-Konstrukts des vorherigen if ist. Für diejenigen, die dieser Form der Notation zum ersten Mal begegnet sind und ihnen nicht ganz klar ist, wie sie funktioniert, werden wir dasselbe Beispiel umschreiben, nur in einer äquivalenten syntaktischen Form, die die Verschachtelung von Strukturen vollständig zeigt:

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

Wenn Bedingung a>1 wahr, dann die Variable b Wert zuweisen 100 , andernfalls wird der Variablen b der Wert zugewiesen 200 .

Aufgabe Js 3_4. Ergänzen Sie den Code: 3 lokale Variablen werden mit dem Schlüsselwort var deklariert. Der max-Variablen muss der Wert des folgenden ternären Operators zugewiesen werden: Wenn a größer als b ist, dann gib a zurück, andernfalls gib 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 ein ternärer Operator?

Switch-Anweisung in Javascript - switch

Die Javascript-Anweisung switch dient dazu, 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 each Fall Einer der Werte wird überprüft, bei einem passenden Wert wird der eine oder andere Block von Anweisungen ausgeführt, der dem angegebenen entspricht Fall.

Der mit dem Dienstwort default beginnende Block kann weggelassen werden. Blockanweisungen werden ausgeführt, wenn keiner der aufgelisteten Werte in allen ist Fall ungeeignet.

Wichtig: Die break-Anweisung ist nach jedem betrachteten Wert der Variablen erforderlich (nach jedem Fall); Wenn es nicht verwendet wird, werden alle folgenden Anweisungen angezeigt

Vergleichen Sie mit Betreiber WENN:

Var a = 2; switch(a) ( case 0: // if (a === 0) case 1: // if (a === 0) alert("Zero or one"); // then output... break; case 2: // if (a === 2) alert("Two"); // then output... break; default: // else alert("Many"); // sonst output... )

Wie kann man mehrere Optionen gruppieren?

Um dieselben Anweisungen auszuführen, können mehrere gruppiert werden Fall. Wie im obigen Beispiel:

Fall 0: Fall 1: Alarm ("Null oder Eins"); Unterbrechung; ...

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

Beispiel 4: Bitten Sie den Benutzer, eine Farbe einzugeben. Übersetzung senden an englische Sprache eingegebene Farbe. Für Farbe "blau" und "blau" gleichen Wert produzieren.

• 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 mit einem Konstrukt Schalter, wobei für jeden Wert die entsprechende Übersetzung ausgegeben wird:

switch (color) ( case "red" : alert("red"); break; case "green": alert("green"); break; // ...

Wenn die Variable Farbe den Wert "rot" hat, dann ausgegeben an modales FensterÜbersetzung - "rot" und verlassen Sie die Konstruktion (Pause;). Wenn die Variable Farbe den Wert "grün" hat, dann zeige die Übersetzung - "grün" im Modalfenster an und beende die Konstruktion (break;).

• Für Blumen "blau" und "blau" mach die Gruppierung:

// ... case "blue": case "blue": alert("blue"); Unterbrechung; // ...

Wenn die Variable Farbe hat den Wert "blau" oder variabel Farbe den Wert "blue" hat, dann zeige die Übersetzung - "blue" im Modalfenster an und beende die Konstruktion (break;).

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

// ... Standard : Alarm ( "Wir haben keine Informationen für diese Farbe") ) // Endschalter

// ... default: alert("y we have no information on this color") ) // end of switch

• Testen Sie das Skript in einem Browser.

Aufgabe Js 3_6. Suchen und beheben Sie Fehler im folgenden Code-Snippet:

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 Wert anders als 1 und 2"); ); )

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

var-Wert = "2"; switch (value) ( ​​case "1": case "2": case "3": document.write("Hallo"); break; case "4": case "5": document.write("World" ); Standard: document.write("Fehler"); )

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

1. Je nach eingegebener Zahl ändert sich die Endung des Wortes. "Krähe".
2. Verwenden Sie zur Überprüfung die Javascript-Switch-Anweisung.
3. sparen diese Seite im Ergebnisordner (es wird für die weitere Arbeit nützlich sein).

Fragen zur Selbstkontrolle:

1. Wann ist es angebracht, die Konstruktion als Bedingungsoperator zu verwenden? Schalter?
2. Was ist der Zweck des Standardblocks in der Anweisung Schalter?
3. Ist es notwendig, die Break-Anweisung in der Konstruktion zu verwenden? Schalter?
4. Wie die Gruppierung für Optionen mit mehreren Werten in einem Operator durchgeführt wird Schalter?

Schleifenanweisungen in Javascript - For

Syntax:

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

Wichtig: Die Javascript-For-Schleife wird verwendet, wenn im Voraus bekannt ist, wie oft die zyklischen Aktionen wiederholt werden sollen (wie viele Iterationen die Schleife hat)

• Als Anfangswert des Iterationszählers wird ein Zuweisungsausdruck verwendet: z. B. i=0 - der Schleifenzähler beginnt bei Null:

for(var i = 0; Bedingung; Zählererhöhung) ( //.. Anweisungsblock.. )

• Als Zählerinkrement wird der Schritt angegeben, um den der Zähler erhöht werden soll: Gibt beispielsweise an, dass jede Iteration der Schleife von seiner Erhöhung begleitet wird 1 :

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

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

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

Betrachten Sie ein Beispiel für die Verwendung einer for-Schleife in Javascript:

Beispiel 5: Ausgabe einer Zahlenfolge 0 1 2 3 ... 9 , jede Ziffer - von einer neuen Zeile. 0 1 2 ... 8 9

• Um eine Zahlenfolge anzuzeigen, verwenden wir den Zähler der for-Schleife, der seinen Wert von ändern sollte 0 Vor 9 nach Reihenfolge.
• So für der Anfangswert des Schleifenzählers setzen Sie den Wert auf 0 ; als Zyklusbedingungen Endwert einstellen - ii=9; Gegenschritt sollte gleich sein 1 (i++), da der Unterschied zwischen den Mitgliedern der Folge 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 jeweils auf dem Bildschirm angezeigt wird 0 1 2 3 ... 9 , und jede Ziffer - von einer neuen Zeile (tag
).

• Testen Sie das Skript in einem Browser.

Aufgabe Js 3_9. 1 Vor 15 .

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

Code-Auszug:

For (var i=...;...;...)( summe = summe + ...; ) ...

Exit-Anweisungen für Schleifen Unterbrechung und fortsetzen in JavaScript. Operator Ausfahrt

Die break-Anweisung unterbricht die Ausführung des gesamten Schleifenkörpers, d.h. bricht aus einer Schleife in Javascript aus.

Während die Continue-Anweisung die Ausführung der aktuellen Iteration der Schleife unterbricht, aber die Ausführung der Schleife ab der nächsten Iteration fortsetzt.

Betrachten Sie die Operation der Break- und Continue-Anweisungen anhand eines Beispiels:

Beispiel: Verstehen Sie den Code-Snippet-Algorithmus. Was wird ausgegeben?

Code-Auszug:

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

• In der dritten Zeile des Beispiels gibt es eine Bedingung, aufgrund derer die Zahl 4 wird nicht angezeigt: Operator fortsetzen geht zur nächsten Iteration der Schleife, ohne die aktuelle abzuschließen.
• In Zeile Nr. 5 wird die Schleife verlassen, aber die Zahl 8 auf dem Bildschirm ausgegeben, da die Ausgabeanweisung vor der Bedingung (in der 4. Zeile) steht. Kennengelernt Unterbrechung, verlässt der Interpreter die Schleife.
• Dass. auf dem Bildschirm wird sein: 0 1 2 3 5 6 7 8 - jede Ziffer in einer neuen Zeile.

Aufgabe Js 3_10. Gibt die Summe aller ganzen Zahlen aus 1 Vor 15 , ohne die Gesamtzahl 5 und 7 .

Exit-Anweisung

Die Sprache javasctipt stellt einen Operator zum Beenden von Programmcode bereit – den Exit-Operator.
Am häufigsten wird der Operator verwendet, um einen Benutzereingabefehler auszuschließen.

Beispiel 6: Bitten Sie den Benutzer, eine Zahl einzugeben. Wenn keine Nummer, dann eine Nachricht anzeigen "Eine Nummer wird benötigt!" und stoppen Sie das Programm.

• Variable initialisieren Nummer der vom Benutzer in das modale Fenster eingegebene Wert:

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

• Verwenden Sie die Funktion parseInt, um eine Zeichenfolge in eine Ganzzahl umzuwandeln, und überprüfen Sie, ob der Eingabewert eine Zahl ist:

Zahl = parseInt (Zahl); // gibt NaN zurück - keine Zahl

Wenn keine Zahl eingegeben wird, gibt die Funktion den NaN-Wert zurück. keine Nummer- keine Zahl).

• Variablenwert prüfen Nummer mit der isNaN-Funktion:

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

isNaN-Funktion gibt Wert zurück Stimmt wenn die Variable keine Zahl ist

• Durch die "Lügen"-Regel Organisieren Sie eine Überprüfung der Variablenwerte x. Wenn der Wert nicht numerisch ist, geben Sie die entsprechende Bemerkung aus und beenden Sie das Programm:

if (x)( alert("Nummer benötigt!"); exit; // Programmende )

• Um das Programm fortzusetzen (wenn der eingegebene Wert eine Zahl war), zeigen Sie das folgende Fenster an, das zur Eingabe auffordert:

alert("Geben Sie die zweite Zahl ein");// Wenn Sie keine Zahl eingeben, wird der Operator nicht ausgeführt

• Testen Sie das Skript in einem Browser.

Fragen zur Selbstkontrolle:

1. Nennen Sie drei Schleifenparameter zum und ihren Zweck erläutern.
2. Welche Anweisungen sollen die Schleife verlassen und unterbrechen? Nennen Sie Beispiele für ihre Verwendung.
3. Wozu dient der Operator? Ausfahrt?

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

Bei Verwendung ist ein interessantes Arbeiten mit der for-Schleife möglich gleichzeitig zwei Zähler in einem Zyklus.
Betrachten Sie ein Beispiel:

Beispiel 7: Geben 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 zwei Zähler in der for-Schleife: Zähler i, um die Sequenz auszugeben 0 1 2 , Zähler j, um die Sequenz auszugeben 2 3 4 :

1 2 3

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

für(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 ein Semikolon(;).

• Verwenden Sie für die Ausgabe jeder Zeile das Tag
  :

1 2 3 4

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

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

Seitenerstellung „on the fly“: wie geht das?

Betrachten Sie vor der nächsten Aufgabe ein Beispiel Dynamisches Erstellen einer HTML-Seite mit Javascript.

Beispiel 8:

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

Erinnern wir uns an die Tags:
Nummerierte Liste Tags:

Aufzählungslisten-Tags:

var listType=prompt("Geben Sie "1" für eine Liste mit Aufzählungszeichen, "2" für eine nummerierte Liste ein");