Testen Sie Ihre Fähigkeiten: Schleifen
Ziel dieses Fähigkeitstests ist es zu bewerten, ob Sie unseren Artikel Schleifen-Code verstanden haben.
Hinweis: Sie können Lösungen ausprobieren, indem Sie den Code herunterladen und in einem Online-Editor wie CodePen oder JSFiddle einfügen.
Wenn Sie nicht weiterkommen, können Sie uns über einen unserer Kommunikationskanäle erreichen.
DOM-Manipulation: als nützlich erachtet
Einige der unten stehenden Fragen erfordern von Ihnen, dass Sie etwas DOM-Manipulationscode schreiben, um sie zu lösen — wie das Erstellen neuer HTML-Elemente, Setzen ihres Textinhalts auf bestimmte Zeichenfolgen und das Einfügen dieser in bestehende Elemente auf der Seite — alles über JavaScript.
Wir haben dies im Kurs noch nicht explizit unterrichtet, aber Sie werden einige Beispiele gesehen haben, die es verwenden, und wir würden Sie bitten, ein wenig zu recherchieren, welche DOM-APIs Sie benötigen, um die Fragen erfolgreich beantworten zu können. Ein guter Startpunkt ist unser Einführung in das DOM-Scripting-Tutorial.
Schleifen 1
In unserer ersten Schleifenaufgabe möchten wir, dass Sie mit dem Erstellen einer einfachen Schleife beginnen, die alle Elemente im bereitgestellten myArray
durchläuft und sie auf dem Bildschirm innerhalb von Listenelementen (d.h. <li>
-Elemente) ausgibt, die an die bereitgestellte list
angehängt werden.
Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.
Schleifen 2
In dieser nächsten Aufgabe möchten wir, dass Sie ein einfaches Programm schreiben, das einen Namen durchsucht in einem Array von Objekten, die Namen und Telefonnummern (phonebook
) enthalten. Wenn es den Namen findet, gibt es den Namen und die Telefonnummer in den Absatz (para
) aus und beendet dann die Schleife, bevor sie ihren Lauf vollständig beendet hat.
Wenn Sie noch nicht über Objekte gelesen haben, machen Sie sich keine Sorgen! Für den Moment müssen Sie nur wissen, wie Sie auf ein Mitgliedswertepaar zugreifen. Sie können sich über Objekte im Grundlagen der JavaScript-Objekte-Tutorial informieren.
Ihnen werden drei Variablen zur Verfügung gestellt:
name
— enthält einen Namen, nach dem gesucht werden sollpara
— enthält eine Referenz zu einem Absatz, der verwendet wird, um die Ergebnisse zu meldenphonebook
— enthält die Telefonbucheinträge, die durchsucht werden sollen.
Sie sollten eine Schleifenart verwenden, die Sie in der vorherigen Aufgabe nicht verwendet haben.
Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.
Schleifen 3
In dieser letzten Aufgabe erhalten Sie Folgendes:
i
— startet mit einem Wert von 500 und soll als Iterator verwendet werden.para
— enthält eine Referenz zu einem Absatz, der verwendet wird, um die Ergebnisse zu melden.isPrime()
— eine Funktion, die bei Übergabe einer Zahltrue
zurückgibt, wenn die Zahl eine Primzahl ist, undfalse
, wenn nicht.
Sie müssen eine Schleife verwenden, um die Zahlen 2 bis 500 rückwärts durchzugehen (1 wird nicht als Primzahl gezählt), und die bereitgestellte Funktion isPrime()
auf sie auszuführen. Für jede Zahl, die keine Primzahl ist, setzen Sie die nächste Schleifeniteration fort. Für jede Zahl, die eine Primzahl ist, fügen Sie sie dem textContent
des Absatzes hinzu, zusammen mit einer Art Separator.
Sie sollten eine Schleifenart verwenden, die Sie in den vorherigen zwei Aufgaben nicht verwendet haben.
Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.