LU03.L02 - Arrays - Hands-on

• Sozialform: individual
• Hilfsmittel:
  • Nur Lehrmittel, keine Websuche oder AI
  • Array-Methoden JavaScript
• Zeit: 30 Minutes
• Erwartetes Resultat: Ein Script mit den Lösungen der Teilaufgaben. Formal korrekt: Filename, Titel, Incode-Kommentare, ….

Was Arrays sind, sollten Sie nun wissen. Jetzt wird es Zeit sich die Programmierfinger etwas schmutzig zu machen.

Erstellen Sie ei JavaScript-Programm LU03.L02 gemäss der nachfolgenden Teilaufträge:

Erzeugen Sie ein ArraymixedArray, das die folgenden Datentypen enthält: String, Number, Boolean und Array.

let mixedArray = [
  "Hallo Welt",     // String
  42,               // Number
  true,             // Boolean
  [1, 2, 3]         // Array
];
console.log(mixedArray); 

⇒ [„Hallo Welt“, 42, true, [1, 2, 3]]

Ergänzen Sie das eben angelegte Array mixedArray um eine Sportart Kite-Surfing am Ende und geben das Ergebnis auf der Konsole aus.

mixedArray.push("Kite-Surfing"); // Neues Element am Ende anhängen
console.log(mixedArray); // 

⇒ [„Hallo Welt“, 42, true, [1, 2, 3], „Kite-Surfing“]

Ermitteln Sie Anzahl Elemente des Arrays mixedArray und geben diese Zahl auf der Konsole aus.

const laengeDesArrays = mixedArray.length;

console.log(laengeDesArrays);

⇒ 5

Entfernen Sie das letzte Element aus dem Array mixedArray und geben das restlichen Array auf der Konsole aus.

mixedArray.pop(); // letztes Element entfernen
console.log(mixedArray); 

⇒ [„Hallo Welt“, 42, true, [1, 2, 3]]

Geben Sie das vierte Element des Arrays mixedArray auf der Konsole aus.

console.log(mixedArray[3]); // Index fängt bei 0 an.

⇒ [ 1, 2, 3 ]

Löschen bzw. ersetzten Sie das das dritte und vierte Element des Arrays mixedArray durch die Zahlen 5, 6 15, 99 und geben das neue Array auf der Konsole aus.

mixedArray.splice(2, 2, 5, 6, 15, 99); // Ab Index 2 (3. Element), 2 Stück löschen, neue Elemente einsetzen
console.log(mixedArray); 

⇒ [„Hallo Welt“, 42, 5, 6, 15, 99]

Volkan Demir