7.3.2 Arrays

Das prinzipielle Konzept der Arrays sollte bereits aus anderen Programmiersprachen vertraut sein. Arrays sind eine Art "Variablen mit mehreren Werten", wobei die einzelnen Werte über einen Index angesprochen werden (indiziertes Array).

Schreiben eines Arrays

Für Arrays gibt es verschiedene Deklarationswege. Der Index des Arrays fängt immer bei 0 an.

1
2
3
4
const studierende = [];
studierende[0] = "Hanna";
studierende[1] = "Peer";
studierende[2] = "Maria";

Besser ist die folgende verkürzten Schreibweise mit eckigen Klammern [], da sie kürzer und klarer ist.

const studierende = ["Hanna", "Peer", "Maria"];

Ein kleines Beispiel

Hier ein Beispiel für das Erstellen und Auslesen eines Arrays. Die Namen der Studierenden werden der Reihe nach ausgegeben.

<!doctype html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <title>Arrays</title>
</head>
<body>
  <h1>Studierende im Projekt</h1>
  <p>Folgende Studierende haben sich für das Projekt angemeldet:</p> 
  <!-- Hier beginnt JavaScript -->  
  <script>
    "use strict";
    const studierende = ["Hanna", "Peer", "Maria"];
    document.write("1. " + studierende[0] + "<br>");
    document.write("2. " + studierende[1] + "<br>");
    document.write("3. " + studierende[2] + "<br>");  
  </script>
</body>
</html>

So sieht es im Browser aus


Hinweis

  • Verwenden Sie const für Arrays, deren Referenz nicht geändert wird. Die Inhalte des Arrays können trotzdem geändert werden.
  • Verwenden Sie let, wenn das Array selbst später neu zugewiesen werden soll.