06 – Arrays 📋

🎯 1. Einleitung & W3Schools

In diesem Kapitel hast du gelernt, wie Arrays strukturierte Daten speichern – mit Zugriff per Index, nützlichen Methoden und Schleifen zur Verarbeitung.

🔗 W3Schools – JavaScript Arrays

🧠 2. KI-Prompt-Training

Aufgabe: Formuliere einen Prompt, mit dem du KI um Hilfe bitten würdest, um zu erklären, warum der Array-Index bei 0 beginnt – und wie man mit push, pop, unshift, shift ein Array sicher verändern kann.

⚠️ Aufgabe 1: Index-Falle – Wo liegt der Fehler?

Ein Mitschüler möchte das letzte Element eines Arrays ausgeben:

const farben = ["rot", "grün", "blau"];
console.log(farben[farben.length]); // Soll "blau" ausgeben

Aber es wird undefined ausgegeben.

Deine Aufgabe:

1. Erkläre schrittweise, warum das passiert – mit Bezug auf den Index-Start bei 0.
2. Gib zwei korrekte Methoden an, um das letzte Element zu erhalten (einmal mit Index, einmal mit Methode).
3. Erstelle eine Funktion gibLetztesElement(arr), die sicher das letzte Element zurückgibt – auch wenn das Array leer ist (dann: null).
4. Formuliere einen Prompt, der diese Funktion sicher gegen leere Arrays implementiert.

🔄 Aufgabe 2: Array-Methoden – Was passiert wirklich?

Gegeben ist folgender Code:

const original = ["A", "B", "C"];
const kopie1 = original;
const kopie2 = original.slice();

kopie1.push("D");
kopie2.pop();

Deine Aufgabe:

1. Was ist der Inhalt von original, kopie1 und kopie2 am Ende? Begründe!
2. Erkläre den Unterschied zwischen Referenz (kopie1 = original) und echter Kopie (slice()).
3. Warum ist das bei Objekten oder verschachtelten Arrays noch kritischer?
4. Formuliere einen Prompt, der eine tiefe Kopie eines einfachen Arrays erstellt – und erklärt, warum slice() bei flachen Arrays ausreicht.