Testen Sie Ihre Fähigkeiten: Schleifen
Das Ziel dieses Fähigkeitstests ist zu beurteilen, ob Sie unseren Artikel Schleifen im Code verstanden haben.
Hinweis: Sie können Lösungen ausprobieren, indem Sie den Code herunterladen und ihn in einem Online-Editor wie CodePen, JSFiddle oder Glitch einfügen.
Wenn Sie stecken bleiben, können Sie sich in einem unserer Kommunikationskanäle an uns wenden.
DOM-Manipulation: als nützlich betrachtet
Einige der folgenden Fragen erfordern, dass Sie etwas DOM-Manipulationscode schreiben, um sie zu vervollständigen — wie das Erstellen neuer HTML-Elemente, das Setzen ihrer Textinhalte auf bestimmte Zeichenfolgen und das Verschachteln dieser Elemente innerhalb bestehender Elemente auf der Seite — alles über JavaScript.
Wir haben dies im Kurs noch nicht explizit gelehrt, aber Sie haben einige Beispiele gesehen, die es benutzen, und wir möchten, dass Sie ein wenig recherchieren, welche DOM-APIs Sie brauchen, um die Fragen erfolgreich zu beantworten. Ein guter Ausgangspunkt ist unser Tutorial Dokumente manipulieren.
Schleifen 1
In unserer ersten Schleifenaufgabe möchten wir, dass Sie mit einer einfachen Schleife beginnen, die alle Elemente im bereitgestellten myArray
durchläuft und sie innerhalb von Listenelementen (das heißt, <li>
-Elementen) auf dem Bildschirm ausgibt, die der bereitgestellten list
hinzugefügt 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, bei Eingabe eines Namens, ein Array von Objekten durchsucht, das Namen und Telefonnummern (phonebook
) enthält. Wenn es den Namen findet, soll es den Namen und die Telefonnummer in den Absatz (para
) ausgeben und dann die Schleife beenden, bevor sie vollständig durchlaufen wurde.
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 Mitglieder-Werte-Paar zugreifen. Sie können mehr über Objekte im Tutorial JavaScript-Objektgrundlagen lesen.
Ihnen werden drei Variablen zur Verfügung gestellt:
name
— enthält einen Namen, nach dem gesucht werden sollpara
— enthält einen Verweis auf einen Absatz, der benutzt wird, um die Ergebnisse anzuzeigenphonebook
- enthält die Telefonbuch-Einträge, die durchsucht werden sollen.
Sie sollten einen Schleifentyp verwenden, den 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 wird Ihnen Folgendes zur Verfügung gestellt:
i
— beginnt mit einem Wert von 500; soll als Iterator verwendet werden.para
— enthält einen Verweis auf einen Absatz, der benutzt wird, um die Ergebnisse anzuzeigen.isPrime()
— eine Funktion, die bei Übermittlung einer Zahltrue
zurückgibt, wenn die Zahl eine Primzahl ist, undfalse
, wenn nicht.
Sie müssen eine Schleife verwenden, um die Zahlen von 2 bis 500 rückwärts zu durchlaufen (1 wird nicht als Primzahl gezählt), und die bereitgestellte Funktion isPrime()
auf sie anwenden. Für jede Zahl, die keine Primzahl ist, fahren Sie mit der nächsten Schleifeniteration fort. Für jede Zahl, die eine Primzahl ist, fügen Sie sie zusammen mit einer Art Trennzeichen dem textContent
des Absatzes hinzu.
Sie sollten einen Schleifentyp verwenden, den Sie in den beiden vorherigen 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.