Testen Sie Ihre Fähigkeiten: Arrays
Das Ziel dieses Fähigkeitstests ist es zu überprüfen, ob Sie unseren Arrays Artikel verstanden haben.
Hinweis: Für die Aufgaben 1–4 können Sie Lösungen in den interaktiven Editoren auf dieser Seite oder in einem Online-Editor wie CodePen oder JSFiddle ausprobieren. Wenn Sie stecken bleiben, können Sie sich über einen unserer Kommunikationskanäle an uns wenden.
Interaktive Herausforderung
Zunächst geben wir Ihnen eine unterhaltsame, interaktive Herausforderung zu Arrays, die von unserem Lernpartner Scrimba erstellt wurde.
Schauen Sie sich das eingebettete Scrim an und beenden Sie die Aufgabe in der Timeline (dem kleinen Geistersymbol), indem Sie den Anweisungen folgen und den Code bearbeiten. Wenn Sie fertig sind, können Sie das Scrim weiter ansehen, um zu überprüfen, wie die Lösung des Lehrers mit Ihrer übereinstimmt.
Hinweis: Diese Aufgabe ist ein anspruchsvolles Ziel, da sie sich auf JavaScript-Funktionen stützt, die im Kurs noch nicht explizit behandelt wurden. Versuchen Sie es so gut wie möglich und recherchieren Sie online nach Informationen zu allem, bei dem Sie sich unsicher sind.
Aufgabe 1
Diese Aufgabe bietet Ihnen etwas grundlegende Übung mit Arrays. Erstellen Sie ein Array mit drei Elementen und speichern Sie es in einer Variable namens myArray
. Die Elemente können beliebig sein – wie wäre es mit Ihren Lieblingsessen oder Bands?
Ändern Sie dann die ersten beiden Elemente im Array mit einfacher Klammernotation und Zuweisung. Fügen Sie dann ein neues Element am Anfang des Arrays hinzu.
Versuchen Sie, den Live-Code unten zu aktualisieren, um das fertige Beispiel nachzubilden:
Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.
Aufgabe 2
Kommen wir nun zu einer weiteren Aufgabe. Hier wird Ihnen ein String zur Verfügung gestellt, mit dem Sie arbeiten sollen. Wir möchten, dass Sie:
- Den String in ein Array umwandeln, indem Sie dabei die
+
Zeichen entfernen. Speichern Sie das Ergebnis in einer Variablen namensmyArray
. - Die Länge des Arrays in einer Variablen namens
arrayLength
speichern. - Das letzte Element im Array in einer Variablen namens
lastItem
speichern.
Versuchen Sie, den Live-Code unten zu aktualisieren, um das fertige Beispiel nachzubilden:
Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.
Aufgabe 3
Für diese Array-Aufgabe stellen wir Ihnen ein Ausgangs-Array zur Verfügung, und Sie arbeiten in gewissermaßen entgegengesetzter Richtung. Sie müssen:
- Das letzte Element im Array entfernen.
- Zwei neue Namen am Ende des Arrays hinzufügen.
- Jedes Element im Array durchgehen und seine Indexnummer in Klammern nach dem Namen hinzufügen, zum Beispiel
Ryu (0)
. Beachten Sie, dass wir im Artikel über Arrays nicht lehren, wie man dies macht, also müssen Sie ein wenig recherchieren. - Schließlich die Array-Elemente zu einem einzigen String namens
myString
zusammenfügen, mit einem Trennzeichen"-"
.
Versuchen Sie, den Live-Code unten zu aktualisieren, um das fertige Beispiel nachzubilden:
Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.
Aufgabe 4
Für diese Array-Aufgabe stellen wir Ihnen ein Ausgangs-Array mit den Namen einiger Vögel zur Verfügung.
- Finden Sie den Index des Elements
"Eagles"
und verwenden Sie diesen, um das Element"Eagles"
zu entfernen. - Machen Sie ein neues Array aus diesem, genannt
eBirds
, das nur Vögel aus dem ursprünglichen Array enthält, deren Namen mit dem Buchstaben "E" beginnen. Beachten Sie, dassstartsWith()
eine großartige Möglichkeit ist, um zu überprüfen, ob ein String mit einem bestimmten Zeichen beginnt.
Wenn es funktioniert, sollten Sie "Emus,Egrets"
auf der Seite sehen.
Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.