LU03.L02 - Arrays - Hands-on [BZZ

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
====== LU03.L02 - Arrays - Hands-on ======

===== Rahmenbedingungen =====
  * Sozialform: individual
  * Hilfsmittel: 
    * Nur Lehrmittel, keine Websuche oder AI
    * [[https://www.w3schools.com/js/js_array_methods.asp|Array-Methoden JavaScript]]
  * Zeit: 30 Minutes
  * Erwartetes Resultat: Ein Script mit den Lösungen der Teilaufgaben. Formal korrekt: Filename, Titel, Incode-Kommentare, ....

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

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

==== Teilauftrag A ====
Erzeugen Sie ein Array//mixedArray//, 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]]

==== Teilauftrag B ====
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"]

==== Teilauftrag C ====
Ermitteln Sie Anzahl Elemente des Arrays //mixedArray// und geben diese Zahl auf der Konsole aus.
 
  const laengeDesArrays = mixedArray.length;
  console.log(laengeDesArrays);
  
=> 5

==== Teilauftrag D ====
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]]

==== Teilauftrag E ====
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 ]

==== Teilauftrag F ====
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]

===== Gesamtlösung =====
{{:de:modul:m288:learningunits:lu03:loesungen:lu03_l02.png?1000|Gesamtlösung des Scripts}}
----
[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir