LU04b - Mehrdimensionale Arrays

In der realen Welt müssen wir Listen von beispielweise Mitarbeitenden verarbeiten. Nun, diese Kunden haben in der Regel nicht nur ein einziges Attribut wie Name, sondern auch Vornamen, Kundennummern, Geburtstag, etc. In einer Tabelle würde das wie folgt aussehen.

Wir haben also schnell die Situation, dass wir Arrays (Zeilen) in Arrays (Spalten) verarbeiten müssen. Hier sprechen wir also über die sogenannten mehrdimensionale Arrays.

Das Array, das wir aus der obigen Tabelle ableiten würden, sähe dann wie nachfolgend aus:

let Employee = [
  [100, 'Ram', 'Agra'],
  [101, 'Shyam', 'Aligarh'],
  [102, 'Amit', 'Gwalior']
];

Genau wie bei einer Tabelle, hat dieses Array 2 Dimensionen:

1. Zeilen
2. Spalten

Was kann man mit dem mehrdimensionalen Array alles tun?

Der Zugriff geschieht wie bei einer Tabelle mittels Spalten- und Zeilen-Index, wobei wir immer mit dem 0. Zeile und 0. Spalte anfangen

console.log(Employee[0][1]); 

Ausgabe: Ram

console.log(Employee[2][2]); 

Ausgabe: Gwalior

Wie bei einer normalen Variable, wird auch dem Array links, ein bestimmer Wert rechts zugeordnet. Wichtig ist dabei wieder der Zeilen- und Schleifenindex.

Employee[1][2] = 'Delhi'; 
console.log(Employee[1]); 

Ausgabe. Es wird das 2. Arraylement ausgegeben –> [101, 'Shyam', 'Delhi']

Das Thema Schleifen wird in 2 Wochen thematisiert. Betrachten Sie also diesen Eintrag als Blick in die Zukunft.

Mittels einer Schleife kann ich durch alle Arrayelemente durchgehen und diese in einer Form meiner Wahl ausgeben.

for (let i = 0; i < Employee.length; i++) {
  console.log("ID:", Employee[i][0], "Name:", Employee[i][1], "Stadt:", Employee[i][2]); 
}

Ausgabe: ID: 100 Name: Ram Stadt: Agra ID: 101 Name: Shyam Stadt: Aligarh ID: 102 Name: Amit Stadt: Gwalior

Wenn wir, zusätzlich zu den Daten, auch Tabellenspalten speichern wollen, tun wir dies in den Array-Attributen.

let Employee2 = [
  {id: 100, name:'Ram', vorname: 'Agra'},
  {id: 101, name: 'Shyam', vorname: 'Aligarh'},
  {id: 102, name: 'Amit', vorname: 'Gwalior'}
];

Grundsätzlich verhält sich ein mehrdimensionale Array genau so wie ein normales Array. Sprich alle Methoden, die für ein normales Array gelten, gelten auf für das mehrdimensionale Array.

• W3School- JavaScript Mehrdimensionale Arrays
• SelfHTML - JS Mehrdimensionale Arrays

Volkan Demir