Testen Sie Ihre Fähigkeiten: Arrays
Ziel dieses Fähigkeitstests ist es, Ihnen zu helfen, zu beurteilen, ob Sie unseren Arrays Artikel verstanden haben.
Hinweis: Um Hilfe zu erhalten, lesen Sie unseren Leitfaden zur Nutzung von Fähigkeitstests. Sie können uns auch über einen unserer Kommunikationskanäle erreichen.
Interaktive Herausforderung
Zunächst bieten wir Ihnen eine unterhaltsame, interaktive Array-Herausforderung, die von unserem Lernpartner Scrimba erstellt wurde.
Sehen Sie sich den eingebetteten Scrim an und erledigen Sie die Aufgabe auf der Zeitleiste (das kleine Geister-Symbol), indem Sie den Anweisungen folgen und den Code bearbeiten. Wenn Sie fertig sind, können Sie das Anschauen des Scrims fortsetzen, um zu überprüfen, wie die Lösung des Lehrers mit Ihrer übereinstimmt.
Hinweis: Diese Aufgabe ist ein gewisses Stretch-Goal, da sie auf JavaScript-Funktionen basiert, die Sie im Kurs bisher noch nicht explizit behandelt haben. Geben Sie Ihr Bestes und suchen Sie online nach Informationen zu allem, bei dem Sie sich nicht sicher sind.
Arrays 1
Diese Aufgabe vermittelt Ihnen einige grundlegende Praxis mit Arrays:
- Erstellen Sie ein Array mit drei Elementen und speichern Sie es in einer Variable namens
myArray. Die Elemente können alles sein, was Sie möchten — wie wäre es mit Ihren Lieblingsspeisen oder Bands? - Als Nächstes ändern Sie die ersten beiden Elemente im Array mit Hilfe der Klammernotation und Zuweisung.
- Fügen Sie schließlich ein neues Element am Anfang des Arrays hinzu.
Der Ausgangspunkt der Aufgabe sieht folgendermaßen aus (es wird noch nichts angezeigt):
Hier ist der zugrunde liegende Code für diesen Ausgangspunkt:
// Add your code here
// Don't edit the code below here!
const section = document.querySelector("section");
const para1 = document.createElement("p");
para1.textContent = `Array: ${myArray}`;
section.appendChild(para1);
Die aktualisierte Ausgabe sollte wie folgt aussehen:
Klicken Sie hier, um die Lösung anzuzeigen
Ihr fertiges JavaScript sollte ähnlich wie folgt aussehen:
const myArray = ["cats", "dogs", "chickens"];
myArray[0] = "horses";
myArray[1] = "pigs";
myArray.unshift("crocodiles");
// Don't edit the code below here!
// ...
Arrays 2
Lassen Sie uns nun mit einer weiteren Aufgabe fortfahren. Hier wird Ihnen ein String zur Verfügung gestellt, mit dem Sie arbeiten sollen.
Um die Aufgabe zu erfüllen:
- Konvertieren Sie den String in ein Array und entfernen Sie dabei die
+-Zeichen. Speichern Sie das Ergebnis in einer Variablen namensmyArray. - Speichern Sie die Länge des Arrays in einer Variablen namens
arrayLength. - Speichern Sie das letzte Element im Array in einer Variablen namens
lastItem.
Der Ausgangspunkt der Aufgabe sieht folgendermaßen aus (es wird noch nichts angezeigt):
Hier ist der zugrunde liegende Code für diesen Ausgangspunkt:
const myString = "Ryu+Ken+Chun-Li+Cammy+Guile+Sakura+Sagat+Juri";
// Add your code here
// Don't edit the code below here!
const section = document.querySelector("section");
const para1 = document.createElement("p");
para1.textContent = `Array: ${myArray}`;
const para2 = document.createElement("p");
para2.textContent = `The length of the array is ${arrayLength}.`;
const para3 = document.createElement("p");
para3.textContent = `The last item in the array is "${lastItem}".`;
section.appendChild(para1);
section.appendChild(para2);
section.appendChild(para3);
Die aktualisierte Ausgabe sollte wie folgt aussehen:
Klicken Sie hier, um die Lösung anzuzeigen
Ihr fertiges JavaScript sollte ähnlich wie folgt aussehen:
const myString = "Ryu+Ken+Chun-Li+Cammy+Guile+Sakura+Sagat+Juri";
let myArray = myString.split("+");
let arrayLength = myArray.length;
let lastItem = myArray[arrayLength - 1];
// Don't edit the code below here!
// ...
Arrays 3
Für diese Array-Aufgabe stellen wir Ihnen ein Ausgangs-Array zur Verfügung, und Sie arbeiten in gewisser Weise in die entgegengesetzte Richtung. Sie müssen:
- Entfernen Sie das letzte Element im Array.
- Fügen Sie dem Ende des Arrays zwei neue Namen hinzu.
- Iterieren Sie über jedes Element im Array und fügen Sie hinter dem Namen die Indexnummer in Klammern hinzu, zum Beispiel
Ryu (0). Beachten Sie, dass wir Ihnen im Array-Artikel nicht beibringen, wie man dies macht, also müssen Sie ein wenig recherchieren. - Verbinden Sie schließlich die Array-Elemente zu einem einzelnen String namens
myStringmit einem Trennzeichen von"-".
Der Ausgangspunkt der Aufgabe sieht folgendermaßen aus (es wird noch nichts angezeigt):
Hier ist der zugrunde liegende Code für diesen Ausgangspunkt:
const myArray = [
"Ryu",
"Ken",
"Chun-Li",
"Cammy",
"Guile",
"Sakura",
"Sagat",
"Juri",
];
// Add your code here
// Don't edit the code below here!
const section = document.querySelector("section");
const para1 = document.createElement("p");
para1.textContent = myString;
section.appendChild(para1);
Die aktualisierte Ausgabe sollte wie folgt aussehen:
Klicken Sie hier, um die Lösung anzuzeigen
Ihr fertiges JavaScript sollte ähnlich wie folgt aussehen:
const myArray = [
"Ryu",
"Ken",
"Chun-Li",
"Cammy",
"Guile",
"Sakura",
"Sagat",
"Juri",
];
myArray.pop();
myArray.push("Zangief");
myArray.push("Ibuki");
myArray.forEach((element, index) => {
const newElement = `${element} (${index})`;
myArray[index] = newElement;
});
const myString = myArray.join(" - ");
// Don't edit the code below here!
// ...
Arrays 4
Für diese Array-Aufgabe stellen wir Ihnen ein Ausgangs-Array mit den Namen einiger Vögel zur Verfügung.
Um die Aufgabe zu erfüllen:
- Finden Sie den Index des Elements
"Eagles"und verwenden Sie diesen, um das Element"Eagles"zu entfernen. - Erstellen Sie aus diesem ein neues Array namens
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, zu überprüfen, ob ein String mit einem bestimmten Zeichen beginnt.
Der Ausgangspunkt der Aufgabe sieht folgendermaßen aus (es wird noch nichts angezeigt):
Hier ist der zugrunde liegende Code für diesen Ausgangspunkt:
const birds = ["Parrots", "Falcons", "Eagles", "Emus", "Caracaras", "Egrets"];
// Add your code here
// Don't edit the code below here!
const section = document.querySelector("section");
const para1 = document.createElement("p");
para1.textContent = eBirds;
section.appendChild(para1);
Die aktualisierte Ausgabe sollte wie folgt aussehen:
Klicken Sie hier, um die Lösung anzuzeigen
Ihr fertiges JavaScript sollte ähnlich wie folgt aussehen:
const birds = ["Parrots", "Falcons", "Eagles", "Emus", "Caracaras", "Egrets"];
const eaglesIndex = birds.indexOf("Eagles");
birds.splice(eaglesIndex, 1);
function startsWithE(bird) {
return bird.startsWith("E");
}
const eBirds = birds.filter(startsWithE);
// Don't edit the code below here!
// ...