Arrays erstellen

Ein Array erstellst du, indem du seine Elemente in eckige Klammern [ ] schreibst, durch Kommas getrennt:

const einkaufsliste = ["Äpfel", "Schokolade", "Brötchen"];

Elemente können jeden Typ haben: Text, Zahlen oder Booleans (true und false). Du kannst sie sogar in einem Array mischen. Ein Array kann auch leer sein, ganz ohne Elemente. Wie du ihm Elemente hinzufügst, lernst du später in dieser Lektion.

const preise = [45, 12.5, 30];
const gemischt = ["Text", 123, true];
const nochNichts = [];
console.log(preise);
console.log(gemischt);
console.log(nochNichts);

Das gibt Folgendes aus:

[45, 12.5, 30]
["Text", 123, true]
[]

Die Konsole zeigt Textelemente in Anführungszeichen und Zahlen und Booleans ohne, genau wie im Code. In der Praxis enthält ein Array aber meist Werte einer Art, zum Beispiel eine Liste von Namen oder eine Liste von Preisen.

Ein häufiger Fehler ist ein fehlendes Komma zwischen Elementen. Mit dem Code ["Äpfel" "Schokolade"] läuft das Programm gar nicht erst und endet mit SyntaxError: Unexpected string.

Oft willst du ein Array mit einer Beschriftung ausgeben. Achte darauf, wie du Beschriftung und Array verbindest. Mit + macht JavaScript das Array zuerst zu Text, und die Klammern und Anführungszeichen verschwinden. Trennst du Beschriftung und Array mit einem Komma, gibt console.log() das Array wie gewohnt aus, mit Klammern und Anführungszeichen, und setzt ein Leerzeichen hinter die Beschriftung:

const einkaufsliste = ["Äpfel", "Schokolade", "Brötchen"];
console.log("Zu kaufen: " + einkaufsliste);
console.log("Zu kaufen:", einkaufsliste);

Das gibt Folgendes aus:

Zu kaufen: Äpfel,Schokolade,Brötchen
Zu kaufen: ["Äpfel", "Schokolade", "Brötchen"]

Auch ein Template-Literal macht das Array zu Text: `Zu kaufen: ${einkaufsliste}` ergibt ebenfalls Zu kaufen: Äpfel,Schokolade,Brötchen. Wenn du ein Array mit einer Beschriftung ausgibst, nimm also ein Komma.