Arrays

Ein Array speichert viele Werte geordnet unter einem Namen. In ["red", "green", "blue"] steht "red" an Index 0, und die Länge ist 3.

Eine Liste in einer Variablen

Angenommen, ein Programm verwaltet die Punktzahlen einer ganzen Klasse. Dreißig Variablen namens score1, score2, score3 wären eine Qual, und durchlaufen könnte man sie mit einer Schleife auch nicht. Ein Array ist ein einzelner Wert, der eine geordnete Liste anderer Werte enthält. Du schreibst es mit eckigen Klammern und Kommas:

const fruits = ["apple", "banana", "cherry"];
console.log(fruits.length);   // 3
console.log(fruits[0]);       // apple
console.log(fruits[2]);       // cherry

Jeder Wert in einem Array ist ein Element. Elemente sind nach Index nummeriert, ab 0, genau wie die Zeichen in einem String. Das erste Element ist also fruits[0] und das letzte fruits[fruits.length - 1]. Fragst du nach einem Index, den es nicht gibt, etwa fruits[10], gibt es keinen Fehler, sondern undefined. Ein Array kann jede Art von Wert enthalten, und die Elemente müssen nicht einmal denselben Typ haben, auch wenn sie das in der Praxis meist tun.

Ein Array ändern

Anders als Strings lassen sich Arrays an Ort und Stelle ändern. Weise einem Index etwas zu, um ein Element zu ersetzen: fruits[1] = "blueberry". Die Methode push hängt ein Element ans Ende an, und pop entfernt das letzte und gibt es zurück. unshift und shift machen dasselbe am Anfang. Das klappt sogar, wenn das Array mit const deklariert wurde. const verhindert nur, dass der Name auf ein anderes Array zeigt. Den Inhalt friert es nicht ein.

const list = ["milk", "eggs"];
list.push("bread");
console.log(list.length);        // 3
const last = list.pop();
console.log(last);               // bread
console.log(list.join(", "));    // milk, eggs

Zwei weitere Methoden beantworten Fragen. includes(x) ergibt true, wenn x im Array ist, und indexOf(x) ergibt seinen Index oder -1, wenn es fehlt. join(", ") klebt alle Elemente zu einem String zusammen, mit dem angegebenen Trennzeichen dazwischen. So gibst du eine Liste am einfachsten ordentlich aus.

Ein Array durchlaufen

Arrays und Schleifen gehören zusammen. Eine for-Schleife mit einem Index von 0 bis ausschließlich zur Länge besucht jedes Element. Die for...of-Schleife ist kürzer, wenn du nur die Werte brauchst, nicht ihre Positionen:

const scores = [70, 85, 90, 55];

for (let i = 0; i < scores.length; i++) {
  console.log(i, scores[i]);
}

let total = 0;
for (const s of scores) {
  total += s;
}
console.log(total / scores.length);   // 75

Achte auf die Bedingung i < scores.length, mit < und nicht <=. Bei vier Elementen laufen die Indizes von 0 bis 3, und mit <= würdest du einen Schritt über das Ende hinaus lesen. Dieser Um-eins-daneben-Fehler (off-by-one) ist einer der häufigsten Fehler beim Programmieren überhaupt.

Zwei Namen, ein Array

Zahlen und Strings werden kopiert, wenn du sie einer anderen Variablen zuweist, Arrays nicht. Nach const a = [1, 2]; const b = a; zeigen beide Namen auf genau dasselbe Array, also ändert b.push(3) auch, was du über a siehst: a.length ist jetzt 3. Brauchst du eine eigene Kopie, schreib const b = [...a];. Das verteilt die Elemente von a in ein brandneues Array. Objekte aus der nächsten Einheit verhalten sich genauso.

Durchgerechnetes Beispiel. Finde die größte Zahl in [4, 17, 9, 12] ohne Math.max. Starte mit let best = nums[0], durchlaufe den Rest, und immer wenn ein Element größer als best ist, speichere es in best. Nach der Schleife ist best 17. Mit derselben Form, einer Variablen, die sich das bisher Beste merkt, findest du das längste Wort, den niedrigsten Preis oder das früheste Datum.