Grundlagen des JavaScript-Kontrollflusses: Bedingungen und Loops meistern

1. Einführung in den Kurs: Willkommen zum Kurs „ Control Flow Essential“, in dem wir die Bedingungen und den Kontrollfluss mithilfe von JavaScript gemeistert haben den Kontrollfluss mithilfe von JavaScript Mein Name ist Fesil und ich freue mich, Ihnen als Leitfaden zur Seite zu stehen, wenn wir uns mit den grundlegenden Konzepten befassen , die Ihren Code dynamisch und sehr reaktionsschnell machen Ihren Code dynamisch und sehr reaktionsschnell Bei der Programmierung ist die Steuerung des Ablaufs Ihrer Anwendung sehr wichtig. Dieser Kurs soll Ihnen helfen zu verstehen, wie Sie wiederholen in JavaScript Entscheidungen treffen und Aktionen effektiv Wenn Sie neu in der Programmierung sind oder Ihr Verständnis vertiefen möchten, werden Sie ein umfassendes Verständnis aller Konzepte erlangen , über die wir sprechen werden, und Sie werden auch lernen, sauberen und logischen Code zu schreiben , der Ihnen helfen kann, einige tolle Projekte zu erstellen Nun, hier ist ein kleiner Vorgeschmack auf das, was wir behandeln werden. Wir werden uns also mit IF-Anweisungen befassen , in denen wir darüber sprechen, wie Sie bestimmte Codeblöcke ausführen können bestimmte Codeblöcke ausführen , wenn bestimmte Bedingungen erfüllt sind Wir werden über Switch sprechen, wobei wir eine leistungsstarke Alternative für den übersichtlichen und organisierten Umgang mit mehreren Bedingungen entdecken eine leistungsstarke Alternative für den übersichtlichen und organisierten Umgang mit werden. Und das ist wirklich wichtig. Es ist etwas, das wir praktisch umsetzen werden. Und dann werden wir über Schleifen sprechen wobei wir vier Schleifen behandeln werden, wobei wir über die Kunst sprechen werden mit deren Hilfe Daten zu iterieren Wir werden auch darüber sprechen, warum Schleifen bei denen wir verstehen, wie Sie bestimmte Aktionen wiederholen können , bis eine bestimmte Bedingung erfüllt ist Und am Ende dieses Kurses werden Sie ein gutes Verständnis für den JavaScript-Kontrollfluss haben, sodass Sie interaktivere und handlungsorientiertere intelligente Anwendungen erstellen und handlungsorientiertere intelligente Anwendungen Für wen ist dieser Kurs also gedacht? Dieser Kurs richtet sich an Entwickler aller Niveaus. Egal, ob Sie ein Anfänger, ein Entwickler auf mittlerem Niveau oder jemand sind Entwickler auf mittlerem Niveau oder , der sehr fortgeschritten ist und sich zu all diesen Themen auffrischen möchte, Sie können gerne an dem Kurs teilnehmen und Sie werden eine tolle Zeit haben Außerdem verwende ich nicht viele Präsentationen. Alles ist praktisch. Ich zeige dir Dinge und sehe sie dann tatsächlich in Aktion. Okay? Also so werden wir vorgehen. Es ist ein komplett praktischer Code, also mach dir darüber keine Sorgen. Sind Sie also bereit, die Kontrolle über Ihren Code zu übernehmen und dynamische interaktive Programme zu erstellen? Lass uns eintauchen und anfangen Bedingungen und Loops gemeinsam zu meistern 2. Entscheidungen in der Praxis: Die If-Else-Logik beherrschen: Hey, was ist los, Leute. Also ist es an der Zeit, dass wir über If-Anweisungen in JavaScript sprechen . Also wenn die Anweisung verwendet wird, um einen Codeblock auszuführen , wenn die angegebene Bedingung wahr ist. Also ja, der Mittelpunkt der if-Anweisung ist die Bedingung, die Sie angeben. Und je nach Bedingung wird entschieden, ob der Codeblock ausgeführt werden soll oder nicht. Nun, warum brauchen wir etwas, das als ob Statement bezeichnet wird? Nun, es wird Szenarien geben, in denen Sie vielleicht bedingte Ausführung durchführen möchten, oder? Nun, was ist bedingte Ausführung? Bedingte Ausführung, das heißt, wie Programme ausgeführt werden, ist, dass Sie das Punktprotokoll der Konsole haben, Sie haben Zeile eins, okay? Zeile eins des Codes. Okay. Und dann hast du die zweite Codezeile, okay? Das ist also nicht an Bedingungen geknüpft. Es wird nacheinander ausgeführt. Nehmen wir nun an, ich möchte die erste Codezeile nur in einem bestimmten Szenario ausführen . Und da kommt die Aussage ins Spiel, okay? Also möchte ich vielleicht eine Zeile eins ausführen oder nicht, je nachdem, ob eine bestimmte Bedingung erfüllt ist Stimmt das? Nun, eine Bedingung könnte sein, sagen wir, wenn die Temperatur höher als 25 ist, richtig, oder höher als ein bestimmter Wert, dann würde ich einem Benutzer eine Nachricht zeigen wollen , dass es heute heiß ist, oder? Sie können also nicht einfach drucken, es ist heiß heute. Sie müssen zuerst die Temperatur überprüfen, und wenn die Temperatur über einem bestimmten Schwellenwert liegt, müssen Sie erst dann die Meldung anzeigen. Hier kommt also die bedingte Aussage ins Spiel, oder? Das ist nicht die einzige bedingte Aussage, die es gibt, richtig, aber ich zeige Ihnen, wie Sie sie nutzen können. Sie können also sagen, ob Sie hier den Vorschlag haben. Wenn Aussage, haben Sie auch ILs, richtig, aber wir bleiben vorerst dabei. Sie müssen eine Bedingung angeben, die als boolescher Wert ausgewertet wird. Nehmen wir an, ich sage hier wahr, o und ich verschiebe Zeile eins innerhalb Nun stellt diese lockige Brise einen Codeblock dar, und innerhalb dieser lockigen Brise können Sie eine beliebige Anzahl von Codezeilen hinzufügen Das wird ausgeführt, wenn die Bedingung erfüllt ist. Wenn ich das jetzt speichere, siehst du Zeile eins, Zeile zwei, und wenn ich das so umrechne, dass hier drüber fällt, wirst du nur Zeile zwei sehen. Das wird also niemals ausgeführt werden, weil die Bedingung innerhalb von if falsch ist. Alles klar? Also so, wenn die Behandlung funktioniert , kurz gesagt. Kommen wir nun zu unserem Beispiel zurück, in dem wir sagen, wenn eine Temperatur etwa über einem bestimmten Schwellenwert liegt, möchten wir dem Benutzer eine Nachricht anzeigen Dafür benötige ich also eine Variable. Okay, also ich sage Temperatur. Okay. Nehmen wir an, die Temperatur beträgt 30, nehmen wir sie heute auf. Ordnung. Also ich kann hier die E-Kondition einstellen, damit ich sehen kann, ob die Temperatur höher ist als. Okay? Wenn es größer als, sagen wir, 25 ist. Okay. Also, wenn es mehr als 25 ist, möchte ich drucken, es ist ein heißes T, so etwas. Also gut. Also das kann hier rein und drüben gehen, das ist draußen, oder? Also kannst du sehen, oder ich kann es einfach ausdrucken, hab einen schönen Tag. Okay. Damit Sie sehen können, dass es ein heißer Tag und haben Sie einen schönen Tag , wird jetzt gedruckt. Okay? Wenn die Temperatur hier 22 ist, dann wirst du sehen, habt einen schönen Tag, denn es ist kein heißer Tag, oder? Also will ich das nicht drucken. Alles klar? Also, das bedeutet, dass dieser Codeblock ausgeführt wird, wenn diese Bedingung erfüllt ist, oder? Nun wird es Szenarien geben, in denen Sie einen Codeblock ausführen möchten , wenn diese Bedingung nicht erfüllt ist oder diese Bedingung falsch ist, und hier kommt die Aussage ins Spiel. Okay? Also hast du ich und dann hast du s hier drüben. Okay? Also kann ich uns hier eine Variable geben. Ich sage, es regnet hier drüben. Oder lassen Sie uns das gleiche Beispiel hier behandeln. Also ich kann sagen, dass es heute heiß ist, und ich kann es hier drüben sagen, okay? Und du kannst hier Console Dot Log hier drüben hinzufügen, und ich kann das einfach kopieren, es ist kein heißer Tag. Okay? Du siehst, es ist kein heißer Tag. Hab einen schönen Tag. Und wenn es hier zum Beispiel 26 sind, heißt es, es ist ein heißer Tag, haben Sie einen schönen Tag. In Ordnung. Also das ist ein Beispiel für eine IS-Behandlung. Lassen Sie mich Ihnen noch ein Beispiel geben. Wir wählen ein Beispiel für einen Regentag und wir haben eine Variable, es regnet hier drüben. Okay? Also, wenn es regnet, wenn es regnet, müssen wir Console, Punktlog hier drüben sagen und ich muss sagen, nimm einen Schirm, richtig So etwas wie das hier. Okay. Und ansonsten muss ich sagen, okay, ich muss sagen, ich brauche keinen Regenschirm, oder? Also ja, ich sage es. Du brauchst keinen Regenschirm. Ich spare mir das. Sie können also sehen, nehmen Sie einen Schirm weil es regnet, und wenn es nicht regnet, sehen Sie, dass Sie keinen Regenschirm brauchen. In Ordnung Also ziemlich einfach, oder? Was wir hier tun, ist dass wir zwei Codeblöcke haben ausgeführt werden, wenn diese Bedingung für alle zutrifft. Diese Bedingung kontrolliert also alles hier drüben. Diese Bedingung ist also wichtig. Wenn Sie also eine solche Erklärung schreiben , stellen Sie sicher, dass diese Bedingung korrekt ist. Okay. Viele Menschen machen den Irrtum, dass die Krankheit nicht richtig verstanden wird. Okay? Es liegt ein logischer Fehler vor, und dann bekommen sie nicht die richtige Ausgabe. Achten Sie also einfach auf diesen Zustand. Nun, es gibt noch eine weitere Form von IL, nämlich wenn, und dann hast du wenn und dann hast du wieder s. Also das ist auch möglich. Sie können also sagen, ob Sie hier die FL-Erklärung sehen werden. In Ordnung. Jetzt kann ich sagen, dass ich jetzt diese Syntax hier drüben verwende, ich meine, Sie können mehrere Bedingungen verketten, richtig? Also lass mich dir zeigen, wie, okay? Nehmen wir an, ich habe hier eine Variable namens Score. Okay? Nehmen wir an, ich weise dem einen Wert von 75 zu. Okay? Also, ich werde hier drüben Punkte haben, okay? Also werde ich sagen, dass die Punktzahl, die ich erziele, größer als 90 ist. Okay. Nehmen wir an, wir wollen etwas drucken. Was drucken wir hier? Okay? Wir wollen sagen ausgezeichnet. Okay. Also, was wir gerade bauen, ist, dass wir hier eine Anlage aufbauen , die unterschiedliche Nachrichten ausgibt unterschiedliche Nachrichten ausgibt je nachdem, wie Ihr Punktestand ist. Okay? Nehmen wir an, ich möchte eine Nachricht haben , die gut funktioniert, wenn Ihre Punktzahl über 75 liegt, und wenn sie über 50 liegt, möchten Sie sagen, dass Sie bestanden haben. Andernfalls, wenn es weniger als 50 ist, Glück beim nächsten Mal, so etwas in der Art. Okay? Also habe ich das verstanden. Okay, ich habe das richtig verstanden. Ich werde drucken. Ich werde ausgezeichnet drucken , wenn die Punktzahl höher als 90 ist, okay? Jetzt hier drüben möchte ich eine weitere Bedingung auswerten, falls die Punktzahl höher als 75 ist, richtig? Also werde ich das bekommen und hier füge ich diese Bedingung hinzu. Okay? Also kann ich das machen. Das ist völlig gültig. Und hier, statt 90, kann ich hier 75 haben. Okay. Und statt Ups Also lass mich das richtig kopieren. Okay. Also ich kann das zusammenfügen und ich kann sagen, gute Arbeit. So etwas wie das hier. Okay. Nun, ich möchte eine Bedingung haben, die besagt, wenn die Punktzahl höher als 50 ist, muss ich sagen, dass du bestanden hast. Also füge ich es einfach hier ein. Und wenn die Punktzahl höher ist als, sagen wir, 50, kann ich sagen, dass Sie bestanden haben. Etwas in der Art. Okay. Und nehmen wir wenn dieser Wert unter 50 liegt, okay, du musst sagen , nächstes Mal mehr Glück. Wenn diese Punktzahl also keiner dieser Bedingungen entspricht, muss ich das hier sagen, und ich kann einfach Console Dot Log sagen. Ups, ich brauche nur das Punktprotokoll für die Konsole. Okay. Also hole ich mir die Punktliste für die Konsole und sage viel Glück beim nächsten Mal. Zeit, so etwas. Okay? Also, du kannst hier drüben sehen, dass ich mehrere Bedingungen verkette Das ist Bedingung Nummer eins, Bedingung Nummer zwei, Bedingung Nummer drei, und dann haben Sie den Else-Block. In Ordnung. Nun, wenn ich das speichere, okay, Sie können sehen, dass gute Arbeit gedruckt wurde. Okay, denn die Punktzahl ist 75 und sie entspricht dieser Bedingung. Die Punktzahl ist größer als 75. Okay? Wenn es 80 sind, werden Sie sehen, dass gute Arbeit gedruckt wird. Wenn es 95 sind, werden Sie feststellen, dass ausgezeichnet gedruckt wird. Wenn es 51 ist, werden Sie sehen, dass der Ausweis gedruckt wird. Und wenn es 44 sind, sagen wir, werden Sie beim nächsten Mal mehr Glück haben, wenn es gedruckt wird. Okay? Mehrere Bedingungen haben also mehrere Codeblöcke, und je nachdem, welche Bedingung wahr ist, werden mehrere Codeblöcke ausgeführt. Das nennt man Verkettung, okay? Verkettung, wenn L gleich L ist. Okay, Sie verketten also die Bedingungen hier, um eine Art Kette zu bilden, und je nach der Bedingung die richtige ausgeführt Okay? Nun, neben der Verkettung gibt es auch etwas, das man Nested IL nennt, okay? Also, was du tun kannst, ist, sagen wir, ich habe eine Bewerbung, okay Und um an der Anwendung teilnehmen zu können, muss der Benutzer mindestens 18 Jahre alt sein und außerdem über eine entsprechende Genehmigung verfügen. Okay? Nehmen wir an, Erlaubnis ist momentan nur eine Flagge, okay? Also ich sage, er hat die Erlaubnis hier drüben. Stimmt vorerst. Okay? Es ist nur eine Flagge und diese Flagge wird von einigen Bedingungen in unserer Anwendung abgeleitet . Okay? Und das Alter, sagen wir, ist zum Beispiel 20. In unserem Antrag auf Teilnahme benötigen wir also ein Mindestalter von 18 Jahren und auch die Erlaubnis. Also ich sage, wenn hier drüben, würde ich sagen, dass Alter größer als gleich Ups Also hier drüben ist es größer als 18 Jahre. Okay. Und dann kann ich sagen, dass dieser Zustand bewertet wird. Nun, wenn das stimmt, muss ich hier noch ein F hinzufügen, um zu überprüfen, ob er die Erlaubnis hat, weil er auch die Erlaubnis braucht, um reinzukommen, oder? Und wenn er dann, ich kann sagen, Console Dot Log hat, darfst du reingehen. Du kannst sagen, dass du hier reinkommen darfst . Das ist erledigt. Okay. Hier kannst du sogar se hinzufügen, und du kannst hier ein Konsolengesetz hinzufügen. Sie benötigen eine Erlaubnis, um einzutreten. Einreiseerlaubnis, so etwas in der Art. Okay? Und du kannst hinzufügen. Das ist also der Block, den ich aussperre. Sie können auch einen Block hinzufügen und ihn hier einfügen. Du kannst sagen, du bist nicht alt genug, um teilzunehmen, so etwas in der Art. Du kannst es sehen. Sie können also hier sehen, dass Sie teilnehmen dürfen , weil beide Bedingungen übereinstimmen. Wenn ich das auf 17 ändere, wirst du sehen, dass du nicht alt genug bist, um teilzunehmen. Obwohl er eine Genehmigung hat, darf er nicht einreisen, weil diese Bedingung selbst nicht erfüllt ist. Diese interne Bedingung wird also nicht ausgeführt. Wir bitten ihn nur, ihm einfach zu sagen, dass du nicht einreisen darfst oder nicht alt genug bist , um reinzukommen. Okay? Nehmen wir an, er ist 20 und wenn das falsch ist, dann werden Sie sehen, dass Sie für die Teilnahme eine Genehmigung benötigen, denn obwohl er der Altersgruppe entspricht, hat er keine Erlaubnis. Also, was du tust, ist , zu nisten, okay? Du verschachtelst Ls und verschachtelst, was bedeutet, dass du hier eine Wenn-Bedingung innerhalb einer anderen hast, okay? Du kannst das hier sogar vereinfachen. Sie können diesen Zustand mit Hilfe von logischen Operatoren vereinfachen . Okay? Sie können also verwenden, nicht diesen und Operatoren im If-Zustand. Okay? Also kann ich sagen, lass uns Wochenende sein. Nehmen wir an, wir haben eine App , die den Urlaub verfolgt und festlegt, ob wir heute entspannen oder heute arbeiten können. Ich kann sagen, es ist Feiertag. Okay. Und hier drüben kann ich Macht sagen, so etwas. Okay. Also kann ich sagen, ob Wochenende ist, okay? Also, wenn es Wochenende ist und wenn es Feiertag ist, okay, dann muss ich eine Botschaft zeigen , dass du dich heute entspannen kannst. Okay? Also kannst du dich heute entspannen. Also, was wir tun, ist, dass Sie hier tatsächlich zwei Variablen überprüfen und Sie verwenden den Operator or. Also, die Ausgabe davon ist Boole in, oder? Also sollte die Ausgabe der Bedingung hier boolesch sein, damit die F-Anweisung einwandfrei funktioniert , okay? Und genau das machen wir hier und wir haben einen S-Block, und wir können sagen, dass heute Arbeitstag ist Okay? Es ist Werktag. So etwas in der Art, oder? So können Sie sehen, dass Sie sich heute entspannen können, und Sie können hier drüben sehen. Also, wenn ich sage, dass das falsch ist, und wenn das falsch ist, werden Sie sehen, dass es Arbeitstag ist. Okay? Also ja, so funktioniert es. Du kannst es sogar hier benutzen und operieren, okay? Und du kannst die Ausgabe tatsächlich hier drüben sehen, okay? Das ist ein Beispiel. In Ordnung. Dann gibt es noch etwas, das als ternärer Operator bezeichnet wird. Sie werden also den ternären Operator kennen , der leider Fragezeichen und Doppelpunkt ist Mit diesen beiden Dingen erhalten Sie also einen ternären Operator. Okay. Nehmen wir an, ich habe hier eine Zahl und wenn die Zahl sieben ist, okay, ich kann sagen, das Ergebnis hier ist gleich Zahl, Prozent, sieben oder tut mir leid, nicht sieben, zwei hier drüben. Und wenn das gleich Null ist, dann sage ich, es ist gerade. Ansonsten ist es seltsam, okay? Und ich kann hier einfach das Punktprotokoll für die Konsole ausdrucken. Okay. Also hier kann ich das Ergebnis sagen. Du kannst sehen, dass es verkauft ist, oder? Und wenn ich es acht schaffe, Ups. Wenn ich es also acht schaffe, ist es sogar hier drüben. Okay? Nun, dieselbe Bedingung kannst du sogar mit Hilfe der if-Anweisung schreiben, sodass du sagen kannst, ob alles in Ordnung ist. Und was ist die Bedingung? Das ist eine Bedingung, oder? Die Bedingung bekommst du also hier drüben. Okay. Und dann musst du das zurückgeben oder Ergebnis zuweisen, richtig? Hier drüben. Ich werde das nicht zuweisen, sondern ich nehme das Konsolenprotokoll direkt und erhalte ein Ergebnis. Ups. Also ich sage hier Ergebnis und ich sage sogar hier drüben. Okay. Etwas wie das hier. Okay. Und wenn das nicht der Fall ist, können Sie drucken oder. Etwas wie das. Man kann sogar sehen, sogar. Okay. Es ist also dieselbe Bedingung tatsächlich mit Hilfe der if-Anweisung geschrieben wurde. In einigen Fällen bietet Ihnen der ternäre Operator jedoch eine präzisere Syntax Wie zum Beispiel hier, die Bedingung ist ziemlich einfach Der ternäre Operator sieht also viel übersichtlicher aus. Aber jetzt, wenn die Bedingung sehr komplex ist , wie diese oder eine verschachtelte Bedingung, dann ist es ratsam ternären Operator nicht zu verwenden, weil entweder Sie am Ende einen Fehler machen oder die Person, die den Code liest, nicht versteht, was passiert dann ist es ratsam, den ternären Operator nicht zu verwenden, weil entweder Sie am Ende einen Fehler machen oder die Person, die den Code liest, nicht versteht, was passiert, oder? Weil er nicht lesbar sein Es wäre ein Chaos. Für einfache Bedingungen ternärer Operator ratsam, okay? Aber für komplexe müssen Sie natürlich normale Wenns verwenden, oder? Das ist also etwas, dessen Sie sich bewusst sein sollten. Natürlich kannst du das sogar zu Funktionen verschieben, okay? Sie können IL sogar in Funktionen verwenden . Also, äh, so eine Funktion. Also, du kannst Funktion, Check, auch seltsam sagen, so etwas hier drüben, und ich kann diesen Zustand hier haben, okay? Und die Nummer ist vorbei, richtig? Also bekommst du die Nummer hier drüben. Ordnung. Und du kannst das nennen. Du kannst Scheck sagen, auch seltsam, okay? Und du kannst zum Beispiel zehn eingeben, zehn ist gerade. Du kannst 11 bestehen. Sie können sehen, dass 11 seltsam ist. Das ist also auch möglich. Okay, du kannst Fs auch in Funktionen haben. Sie können ELs auch mit Arrays verwenden. Okay. Lass mich dir das zeigen. Okay? Nehmen wir an, Sie haben eine Reihe von Früchten, okay? Und du isst Apfel, okay? Ich mache einfach ein paar Früchte, Banane. Okay. Und sagen wir Orange. Ziemlich einfach. Okay. Nehmen wir an, ich möchte nachschauen, ob es mein Favorit ist, okay? Obst gibt es in der Reihe oder nicht. Okay. Nehmen wir an, meine Lieblingsfrucht ist zum Beispiel Apfel. Okay. Also kannst du sagen, ob alles in Ordnung ist. Okay, 1 Sekunde, lass mich diese Vorlage holen. Also kannst du sagen, ob was der Zustand ist? Wenn Obst mit einschließt, hast du hier auch was. Okay. Wenn das deine Lieblingsfrucht beinhaltet, okay? Dann kannst du dich hier einloggen, okay? Du kannst sagen, ich sage einfach ja. Okay. Ansonsten kannst du hier Console Dot Log sagen und hier kannst du nein sagen. Okay, ich drucke nur einfach Ja oder Nein. Sie können natürlich gute Nachrichten haben. Du kannst hier also ja sehen. Also, sagen wir, wenn Erdbeere meine Lieblingsfrucht ist, dann ist sie nicht in der Liste. Okay? So können Sie Arrays mit FLS nutzen Ein Recht? Sie können Operationen ausführen, die einen booleschen Wert zurückgeben und die unter FLS-Bedingungen bewertet werden könnten Okay? Du kannst das sogar mit Objekten machen. Lassen Sie mich Ihnen hier ein Beispiel zeigen. Okay? Nehmen wir an, ich habe einen Benutzer hier. Benutzer. In Ordnung. Ups, ich muss gleich sein Okay. Nehmen wir an, Sie haben innerhalb des Benutzers den Namen Alice. Okay. Nehmen wir an, Sie haben is admin als falsch angegeben. Okay? Also hier, das ist ein boolescher Wert im Inneren, wie ein boolesches Also kannst du sagen, okay, ich hole mir die DL-Vorlage. Sie können sagen, dass der Benutzer Punkt Admin ist. Okay? Falls er Admin ist, kannst du hier Console Dot Log sagen. Okay. Und du kannst sagen, willkommen Admin. Ordnung. Das ist möglich. Okay. Und ansonsten können Sie herkommen und sagen: Oh, Sie können hier Vorlagenliterale verwenden. Okay? Du kannst Benutzer Punkt N sagen. In Ordnung. Und dann muss das in Steuernachzahlungen fließen. Okay? Wenn du das speicherst, siehst du Welcome Alice. Okay? Benutzer EdminFals auch Also, du wirst sehen: Willkommen Alice. Wenn das wahr ist, willkommen admin. Alles klar? Also werde ich es als falsch belassen und wir heißen Alice willkommen. Okay? Die zusammenfassende IL-Anweisung ist also eine der wichtigen Kontrollstrukturen in Jascript Okay? Es fällt unter, also gibt es Kategorien, okay? Sie haben also eine Kontrollstruktur, das heißt, Sie kontrollieren, wie Ihr Hinweis, Ihr Code ausgeführt wird, richtig? Also, wenn die Aussage darunter fällt, okay? Und es wird für die bedingte Ausführung verwendet. Sie können hier sehen, dass wir Code bedingt ausführen Wenn Sie die If-Anweisung verwenden , gibt es keine Garantie dafür, dass der Code ausgeführt wird da dies von der Bedingung abhängen würde, oder? Und die Wertwerte, um die es hier geht. Wenn Sie eine komplexe Erkrankung haben, werden Sie es nicht wissen, oder? ILS ist also sehr grundlegend. Du wirst FL viel benutzen, egal ob du Javascript lernst, reagierst, all das, okay? Und es gibt mehrere Formen, wie wir gesehen haben. Sie haben ein grundlegendes Prinzip, wenn Sie mit Ls, wenn sie miteinander verkettet sind, IL verschachtelt haben, Sie logische Operatoren verwenden können, um komplexere Bedingungen zu erzeugen Sie haben auch den ternären Operator , der eine Kurzversion der FL-Anweisung ist Daher wird der ternäre Operator oft als Kurzversion der FL-Anweisung bezeichnet Kurzversion der FL-Anweisung Okay. Und Is kann auch mit Funktionen, Arrays, Objekten usw. verwendet werden. In Ordnung. Ich hoffe, Sie wissen anhand einer ersten Aussage, wie Sie Entscheidungen in Ihrem Code nutzen können Entscheidungen in Ihrem Code nutzen , und ich hoffe, das war sehr nützlich. 3. Wechseln von Perspektiven: Ein tiefer Einblick in Switch Statements: Jetzt ist es an der Zeit, über das Switch-Statement zu sprechen. Lassen Sie uns nun zunächst verstehen, warum die Switch-Anweisung überhaupt gibt. Das Problem besteht nun darin , dass, wenn Sie es mit mehreren Bedingungen mit ifs zu tun haben, das Problem auftreten kann, dass sie etwas länger und schwer lesbar werden Und das ist der Fall, wenn Sie eine Zustandsbewertung für dieselbe Variable durchführen , okay Wenn wir es also mit mehreren Bedingungen für dieselbe Variable zu tun haben , kann es langwierig und schwieriger zu lesen sein. Wo die Switch-Anweisung ins Spiel kommt, wo sie eine sauberere und besser lesbare Alternative bietet. In Ordnung. Lassen Sie mich Ihnen ein Beispiel dafür geben was mehrere Bedingungen für dieselbe Variable bedeuten. Schauen Sie sich also dieses Beispiel hier an, das ich hinzugefügt habe. Hier habe ich eine Variable namens Obst. Ich evaluiere diese Variable, okay, unter mehreren Bedingungen und gebe die Ausgabe hier her, okay? Wenn ich das jetzt speichere, gehe ich natürlich und hole mir die Ausgabe , denn Äpfel kosten 2$ pro kg Okay? Also ich kriege den Preis hier drüben. Aber die Bedingungen sind vielfältig, okay? Für ein oder zwei Bedingungen ist eine IL-Aussage großartig, aber wenn die Bedingungen so wachsen, okay, kann es schwierig werden, damit umzugehen. Und hier kommt die Switch-Aussage ins Spiel. Wie schreibt man also einen Switch? Also du kannst sagen, hier drüben, sagen wir, ich habe, okay, hier habe ich Obst. Okay, ich werde ein anderes Beispiel erstellen. Ich nenne das Fruchtsorte. Also wird sich die Variable hier ändern. Ich werde Obst einschalten. Okay. Also, wenn Sie hier Switch eingeben, haben Sie diese Vorlage , die Sie auswählen können. Okay? Sie können die automatisch hinzugefügte Syntax hier sehen. Switch-Anweisungen bestehen jetzt aus Schlüsseln und Werten. Okay? Also hier kannst du diesen Schlüssel sehen. Also, was ist hier ein Schlüssel? Schlüssel ist eigentlich der Ausdruck , den ich auswerten möchte, oder? Also hier, in meinem Fall, ist der Ausdruck Fruchtsorte. Okay? Also diese Fruchtart wird jetzt anhand mehrerer Fälle bewertet. Fall eins ist also hier drüben, Apple. Okay. Also ich kann hier Apple sagen. Okay. Und wenn es Apple ist, dann möchte ich das, was ich tun möchte , in dieser Erklärung hier drüben abdrucken. Okay? Etwas wie das hier. In Ordnung. Also, wenn die Fruchtsorte Apfel ist, wird das in diesem Fall ausgeführt , weil es ein passender Wert ist, okay? Und es wird das auf die Konsole drucken. Okay? Ich kann das auch für andere Dinge replizieren Okay? Also ich kann es zum Beispiel für Bananen haben, richtig. Also hier kann ich sagen, das ist Banane. Ordnung. Und ich kann die Konsole hier drüben nach Banana einloggen lassen. Okay. Du kannst sehen. Okay. Ähnliches kann ich auch für andere Früchte tun. Also füge ich das hinzu. Okay. Hoppla. Einrückung, ich habe mit der Einrückung Mist gebaut In Ordnung. Aber nach der Banane kommt die Orange. Ich sage hier Orange und was ist das Konsolenschloss für Orange? Wie Sie sehen können, kosten Oge-Orangen 1,5 Dollar pro kg. Okay? Jetzt ist Standard der Standardschlüssel, wenn keine Übereinstimmung gefunden wird, also können Sie das drucken lassen. Okay? Hier drüben. Okay. Etwas wie das hier. Ordnung. Wenn Sie das speichern, können Sie sehen, dass Äpfel 2$ pro kg kosten Wenn ich das als Erdbeere mache, okay? Du wirst sehen, tut mir leid, dass wir diese Frucht nicht haben. Wenn ich Orange sage, uups , nicht hier drüben. Wenn ich sage Okay. Wenn ich also Erdbeere sage, wechsle ich eigentlich den falschen Ort, du solltest nicht an der Stelle wechseln. Das tut mir leid, aber es wird Erdbeere sein. Okay? Wenn du dir das aufhebst, wirst du sehen, leider haben wir diese Frucht nicht. Wenn du Orange sagst, okay, Orangen kosten 1,5 Dollar pro kg. Okay? Wenn du Banane sagst, wird die Banane hingerichtet. Du kannst es sehen. , das ist eine bessere Alternative Ich würde sagen, das ist eine bessere Alternative, einfacher zu lesen, okay? Und es ist auch einfacher zu verwalten. Wenn Sie also mehr Kisten haben oder mehr Früchte hinzugefügt werden, können Sie einfach eine Fallbeschreibung hinzufügen. Es ist einfacher zu lesen. Aber hier drüben, wenn Sie mehrere Bedingungen haben, okay, es könnte umständlich sein, es zu lesen Also das ist der Vorteil hier drüben. Okay. Jetzt kannst du auch im Switch durchgefallen sein. Okay? Also lass mich das Ganze kopieren. Ich werde herkommen. Okay. Ich zeige dir, wie du durchfällst. Okay? Also sage ich Herbst. Zwei. Und ich werde das loswerden. Das ist eigentlich ein Duplikat. Nehmen wir an, ich habe diese Switch-Anweisung. Jetzt möchte ich mehrere Fälle gruppieren , um denselben Codeblock auszuführen. Was ich also tun kann, ist, wenn die Fruchtsorte Apfel ist, dann möchte ich diese beiden Fälle ausführen. Also was ich tun würde, ist Break hier zu entfernen. Okay? Also, wenn ich sage, okay, dann lass mich das auch ändern. Ich stelle das auf eine normale Variable um, und hier sage ich, dass die Fruchtart der Apfelsorte entspricht. Okay. Also, wenn ich das speichere, wirst du sehen, dass Äpfel 2$ pro kg kosten und Bananen 1$ pro kg kosten Sie bekommen beide hier gedruckt. Wenn du Banane sagst, wird nur eine gedruckt. Okay? Also warum wurden beide gedruckt, als du Apple sagtest? Nun, was hier passiert, ist dass Sie diese Pausenerklärung nicht haben. Bruch in einem Schaltergehäuse ist also dafür verantwortlich , dass die Schleife hier unterbrochen wird oder der Zustand unterbrochen wird. Also hier, sobald das ausgeführt ist, wird dieser Teil Break-Anweisung nicht mitgezählt und die Steuerung geht nicht zum nächsten Fall Stattdessen kommt es aus dem Schalter. Die Pause wird also im Wesentlichen verwendet , um den Switch zu verlassen, oder? Wenn Sie Break also überspringen, wird es auch mit der Ausführung des nächsten Falls beginnen. Wenn ich das entferne, wird es wieder ausgeführt und der nächste Fall wird ausgeführt, wie Sie sehen können. Okay, das ist also die Bedeutung der Pause. Und dieses Verhalten hier ohne Pause wird als Fall-Through-In-Switch bezeichnet. Okay? Also denk dran, falls dich jemand fragt oder wenn du das irgendwo liest, okay? Das nennt man Durchfallen, Auslassen oder Brechen. Alles klar? Jetzt können Sie sogar einen Schalter mit Ausdrücken verwenden. Okay? Also lass mich sagen, wechsle mit Ausdrücken. Okay? In Ordnung. Ich habe hier einen Rechtschreibfehler gemacht. Okay? Nehmen wir an, ich habe hier eine Zahl, die auf, sagen wir, neun initialisiert ist, alles klar Jetzt kannst du hier „ Umschalten“ sagen. Okay. Jetzt kann ich wahr sagen, weil dieser Ausdruck nicht wahr ist. Okay. Also was du jetzt hier machen kannst ist Case. Sie können angeben, dass die Zahl weniger als fünf ist. Also, wenn die Zahl weniger als fünf ist, okay, du wirst hier Console Dot Log sagen. Okay. Hier kannst du sagen, dass die Zahl weniger als fünf ist, ungefähr so. Okay? Du kannst etwas Ähnliches für Ups haben Sie können hier etwas Ähnliches für diesen Teil haben. Okay. Also kannst du hier sagen, Zahl ist größer als gleich fünf und Zahl ist kleiner als fünf. Oh, tut mir leid, die Zahl ist nicht weniger als fünf, sie ist weniger als zehn. Hier können Sie also sehen, dass die Zahl 5-10 ist. Sie können also sehen, dass die Zahl 5-10 ist. In Ordnung. Auf diese Weise können Sie Ausdrücke auch in Fallaussagen verwenden , genau hier drüben. Jetzt möchte ich über die Unterschiede zwischen Switch in JavaScript, Pis in und Java sprechen zwischen Switch in JavaScript, . In Ordnung. Also in Java, also diese Beispiele, die Sie sehen , ähneln denen, die wir in Java prüfen, okay? Also in Java funktioniert es auch auf ähnliche Weise, okay? Und in Java müssen die Groß- und Kleinschreibung konstant sein. Wie in Digo-Enums oder Strings. Aber im Fall von JavaScript kann es jeden Datentyp haben, wie Zeichenketten, Zahlen, und es kann sogar Ausdrücke enthalten, wie wir sie hier sehen, oder? Und in Bezug auf Python, okay? Python hat also keine traditionelle Switch-Anweisung, aber es verwendet if Ls, if, all right. Also das ist etwas. In der neuesten Version von Python haben Sie auch Match Key , ein leistungsfähigeres Konstrukt als JavaScript-Switch, oder? Also ja, das ist es, und die Syntax wird den anderen Programmiersprachen viel ähnlicher Aber eine Sache, an die Sie sich bei Switch erinnern sollten , ist, wann Sie ihn verwenden sollten. Wenn Sie also mehrere Werte mit einer einzigen Variablen vergleichen müssen einer einzigen Variablen vergleichen , wie wir es hier tun, ist es besser, switch zu verwenden, da sie auch viel einfacher zu verstehen und zu schreiben sind. Sie werden also weniger Fehler machen und jemand wird es lesen, es wird auch für sie viel einfacher sein. Ich hoffe, das war hilfreich und Sie konnten es verfolgen. 4. Iterieren um zu innovieren: Nutze für Loops in JavaScript: Jetzt ist es an der Zeit, dass wir anfangen, über die vier Schleifen in JavaScript zu sprechen die vier Jetzt funktionieren die vier JavaScript-Schleifen wie jede andere Programmiersprache, oder? Nehmen wir an, ich kann eine Aussage mit vier Worten wie diese schreiben. Sie können diese Syntax sehen, die aufgefüllt wurde, okay. Jetzt haben Sie diesen Index , der wie ein Zähler sein wird, Ihnen hilft, eine Liste von Elementen durchzugehen, oder? Also kann ich mich hier als Index haben. Okay. Ich kann bei Null anfangen. Okay, ich bin also gleich Null und Hoppla. Also ich kann herkommen, richtig, und ich kann weniger als fünf hier drüben haben Okay. Sagen wir, sagen wir zehn. Ich möchte die Zahlen 0-9 drucken. Nehmen wir an, ich möchte zehn Zahlen drucken, oder? Ich habe I plus und ich kann einfach herkommen und Console Dot Log hier drüben sagen . Okay. Und ich kann es drucken lassen. So wie es ist. In Ordnung. Und wenn ich das speichere, siehst du Null, Eins, Zwei, Drei bis Neun. Es werden also zehn Zahlen gedruckt und wir verwenden dafür tatsächlich vier Schleifen. Nun, wenn Sie ein Array haben, können also vier Schleifen auch hier nützlich sein , um durch die Arrays zu iterieren . Also wenn ich hier Zahlen sage und Sie haben eins, zwei, drei, vier, fünf, sechs, sieben, acht Okay. Nehmen wir an, wir haben acht Zahlen. Also werde ich das kopieren, in Ordnung. Und hier drüben kann ich Zahlen, Punktlänge sagen. Das ist ein Array, und wir haben auch diese Längeneigenschaft, okay? Und Sie können hier auf das Array zugreifen. Sie können also Zahlen in I sagen. Wenn Sie das speichern, werden Sie hier eins, zwei, drei, vier, fünf, sechs, sieben und acht sehen . Okay? Also haben wir dieses Array, das gedruckt wird. Was jetzt passiert ist, dass dies der Initialisierungsteil ist. Wir initialisieren die Variable. Dies ist der bedingte Teil, in dem wir die Bedingung auswerten, ob die vier Schleifen weiterentwickeln sollen oder nicht Und das ist der inkrementelle Teil. Also zuerst findet die Initialisierung statt. Dann wird der Zustand bewertet. Also ist Null kleiner als die Punktlänge einer Zahl. Okay. Also Null ist hier weniger als acht. Die Länge dieses Arrays ist acht, richtig? Punktlänge der Zahlen wird also acht sein , weil wir versuchen, die Länge der Arrays mithilfe der Längeneigenschaft zu ermitteln, richtig? Also, da es wahr ist, kommen wir rein und du druckst Zahlen von Null, richtig? Also was bedeutet, dass einer gedruckt wird. Dann erhöhen Sie I und dann bewerten Sie den Zustand erneut. Und dann gehst du rein. Wenn die Bedingung wahr ist, gehst du hinein und führst das aus. Auf diese Weise werden diese vier Schleifen so lange ausgeführt, bis sich herausstellt, dass die Bedingung hier falsch , und die Schleife beendet wird Okay? Also so funktioniert die Vierschleife, und das ist das Gegenstück. Dies ist der Initialisierungsteil, und dies ist der Inkrement- und Dekrementteil Initialisierung wird also nur Beginn der vier Schleifen ausgeführt Stimmt das? Später kümmern sich nur diese beiden Dinge darum, ob die Schleife ausgeführt werden soll oder nicht. Alles klar? Also das sind ungefähr vier Schleifen, und Sie können hier sogar vier Schleifen verwenden, um rückwärts zu drucken. Also kann ich rückwärts fahren. Lass mich das kopieren. Das war also eine Vorwärtsdruckschleife. Ich kann das hier tatsächlich zu zehn machen. Ich kann die Bedingung rückgängig machen, dass es größer als Null sein sollte, und ich kann minus minus haben. Wenn ich das speichere, okay, und lasse mich das kommentieren, sodass ein bisschen weniger Logs auf dem Bildschirm übrig sind, können Sie hier drüben sehen, 109-87-6543 21, Also gehen wir jetzt mit Hilfe dieser vier Schleifen rückwärts, das dieser vier Schleifen hilft uns, in umgekehrter Reihenfolge vorzugehen, und Sie können dasselbe auch mit dem Array machen Sie können rückwärts drucken, das Array rückwärts drucken. Das können Sie tun. Du kannst die vier Schleifen sogar verschachteln, okay. Also werde ich das einfach hier kommentieren , damit wir eine sauberere Konsole haben und wir die Ausgabe hier sehen können. Nehmen wir an, ich habe dieses Array, o, und nehmen wir an, ich möchte eine Matrix drucken, oder? Also, was ich tun würde, ist, hierher zu kommen. Ich würde hier auch eine Viererschleife hinzufügen, ok. Und ich werde das einfach kommentieren. Okay. Was ich tun würde, ist , bei Null anzufangen. Ich würde sagen, ich bin weniger als. Ich kann sagen, uups, tut mir leid, ich bin weniger als, sagen wir, zehn, ich plus plus, so etwas Okay. Nun, ich sage, ich bin auch hier gleich Null, und dieser innere Kreis wird passen. Also zuerst müssen wir den Variablennamen hier ändern. Das sollte J sein. Okay. Das sollte auch J sein und das sollte auch J sein. Okay? Also J bis J kleiner ist als I G plus plus, ungefähr so. Okay. Und du kannst J hier drüben ausdrucken . Und so. Wenn du das speicherst, wirst du es sehen. Okay, also Null, Eins, Null, okay? Eins, 20. Eins, zwei, drei und so weiter. Wir drucken es also nicht im Matrixstil, sondern wir haben eine verschachtelte vierfache Schleife, die wir verwenden, um durch die Arrays zu iterieren Okay? Wenn Sie ein Matrix-Array haben, das ein Array von Arrays ist, dann können Sie diese Art von Syntax verwenden , um es zu durchlaufen. Alles klar? Also das sind ungefähr vier Loops. Vier Schleifen sind im Wesentlichen oder Schleifen im Allgemeinen sind im Wesentlichen nützlich, wenn Sie einen bestimmten Code mehrmals wiederholen möchten Code , bis eine Bedingung erfüllt ist. Hier werden also Schleifen verwendet, und vier Schleifen sind zufällig eine Art Schleife. Ich hoffe, das war nützlich. 5. Wiederholen zum Erfolg: Beherrsche While-Loops für dynamische Steuerung: Wenn wir also über Loops sprechen, haben wir auch etwas, das man Le Loops oder I Loop nennt , sollte ich sagen Ordnung. Also, was ist ein Ville-Loop? Vy-Schleife ist also eine Art Schleife, die hier einen Codeblock oder eine Gruppe von Anweisungen ausführt . Solange die Bedingung als wahr bewertet wird. Sobald sich also herausstellt, dass die Bedingung falsch ist, wird in diesem Fall die LE-Schleife ausgeführt. In Ordnung. Lassen Sie mich Ihnen hier ein Beispiel dafür geben, wie ein Le-Loop in Java-Skript funktionieren würde. Nehmen wir an, Sie haben diese Variable, okay, Sie können eine Wile-Anweisung haben Was soll die Bedingung sein? Nehmen wir an, ich würde sagen, ich bin weniger als fünf Jahre alt. Okay, ich kann Console sagen, Dot Log hier drüben, und ich kann drucken, ich mag das. Okay. Und ich werde das speichern. Und das Ganze geht in eine Endlosschleife über, das kannst du hier sehen. Okay. Nun, das ist nicht richtig, weil es keine Pausenbedingung gibt. Die Schleife wird nie ausgeführt. Die Schleife wird nie beendet. Also solltest du hier eine Art von Krankheit haben. Okay. Nehmen wir an, ich habe diese Bedingung, ich muss auch den Wert von I erhöhen. Und wenn ich das speichere, okay, dann würde die Schleife beendet werden Also muss ich das jetzt einfach kaputt machen. Also jetzt können Sie sehen, dass wir Null bis Vier gedruckt haben, was sehr gute Zahlen sind. Und als es das letzte Mal so war , ging es in eine Endlosschleife weil wir den Zustand nicht erhöhen mussten Okay? Das ist also eine Syntax von Y-Loop und wie sie in JavaScript geschrieben ist. Das ist also über Wile Loop. Es ist ziemlich einfach und unkompliziert , wenn es um Javascript geht, oder? Ich hoffe das war nützlich. 6. Schlussbemerkung zum Kurs: Und damit sind wir am Ende dieses fantastischen Kurses angelangt. In diesem Kurs haben Sie viel darüber gelernt, wie Sie Ihren Code viel intelligenter gestalten können , sodass er denken, seine eigenen Entscheidungen treffen und durchweg reagieren kann seine eigenen Entscheidungen treffen , oder? Wir haben Konzepte wie If-Anweisung und vier Schleifen gelernt, wir haben auch Switch behandelt, und wir haben auch über Wil-Schleifen gesprochen und Beispiele dafür gesehen. Denken Sie daran, dass die Beherrschung des Kontrollflusses ein entscheidender Schritt ist , um ein kompetenter Ja-Script-Entwickler zu werden . Die Fähigkeiten, die Sie hier erworben haben, werden es Ihnen ermöglichen, im Laufe der Zeit dynamischeren und effizienteren Code zu schreiben dynamischeren und effizienteren Code und an einigen großartigen Projekten zu arbeiten Und es wird Ihnen die Tür für noch fortgeschrittenere Programmierherausforderungen öffnen Ich möchte Sie ermutigen, diese Konzepte , die Sie bisher in der Klasse gelernt haben, weiterhin in Ihren Projekten zu verwenden in , die Sie auch in Zukunft entwickeln werden. Weil Lernen und Üben hier der Schlüssel ist. Ich möchte, dass Sie sich bei Ihnen dafür bedanken, dass so engagiert und großartig gelernt gesamten Kurses Bei diesem Kurs findest du im Projektbereich dieses Kurses ein Klassenprojekt . Ich möchte dich dazu ermutigen , es zu vervollständigen einzureichen und es mit der gesamten Klasse zu teilen Das wird dir helfen, tolles Feedback zu deinem Projekt zu erhalten. Viel Spaß beim Programmieren und viel Glück auf deiner weiteren Reise in JavaScript.