JavaScript / Grundkurs - 10. Arrays - Datenfelder

von: Werner Zenk

1. Das erste JavaScript
2. Variable Variablen
3. 1 x 1 in JavaScript
4. Gleich oder Ungleich

5. Ein- und Ausgaben
6. Wie spät ist es?
7. Öffne das Fenster
8. JavaScript schreibt!

9. Schöne Schleifen
10. Arrays - Datenfelder
11. Alles Zufall?
12. Die Zeichenkette

Arrays sind Variablen in denen mehrere Daten gespeichert werden können.
var Variable = new Array(Daten0, Daten1, Daten2, Daten3, Daten4);
Beispiel:
var Name = new Array("Günther", "Michael", "Sabine", "Manuela");

Anwendungsbeispiel:

<script type="text/javascript">
 var Name = new Array("Günther", "Michael", "Sabine", "Manuela");
 alert( Name[2] );

 // Ausgabe: Sabine
</script>

Mit Name[2] wird der Inhalt des Arrays ausgelesen.
Der Zähler bei Arrays beginnt immer bei 0 (0=Günther, 1=Michael, 2=Sabine, 3=Manuela).

Beispiel: Ausgabe des Wochentages.

<script type="text/javascript">
 function Welcher_Wochentag_ist_heute(){
  var Wochentag = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
  var Heute = new Date();
  var Tag = Heute.getDay();  // getDay() ermittelt den Wochentag (0 - 6)
  alert( Wochentag[Tag] );
 }
</script>

<input type="button" value="Wochentag" onClick="Welcher_Wochentag_ist_heute();">

Arrays können auch folgendermaßen geschrieben werden:

 var Variable = new Array();
 Variable[1] = "Inhalt1";
 Variable[2] = "Inhalt2";
 Variable[3] = "Inhalt3";

Beispiel: Datenbank

<script type="text/javascript">
 var daten = new Array();
 daten[1] = "Ein Rotkäpchen";
 daten[2] = "Zwei Taler";
 daten[3] = "Drei Ringe";
 daten[4] = "Vier Federn";
 daten[5] = "Fünf Schlümpfe";
 daten[6] = "Sechs Chinesen";
 daten[7] = "Sieben Zwerge";
 daten[8] = "Acht Nachtwächter";
 daten[9] = "Neun Jägermeister";

 function Datenbank() {
  var Zahl = prompt("Eine Zahl von 1 bis 9 eingeben: ","1");   // Hier wird die Zahl eingegeben
  if(Zahl < 1 || Zahl > 9){   // Zahl wird überprüft
   Datenbank();   // Bei einer falschen Eingabe wird das Script wieder aufgerufen!
   }
  else {
   alert( daten[Zahl] );  // Hier erfolgt die Ausgabe
  }
 }
</script>

<input type="button" value="Datenbank" onClick="Datenbank();">

Tipp: Wird das Array außerhalb der Funktion (function) definiert,
kann es von mehreren Funktionen verwendet werden.

info: Zeilenumbruch zwischen Anführungszeichen.
Zwischen zwei Anführungszeichen darf kein Zeilenumbruch sein.
Beispiele:

 // Falsch
 var Variable = "Dieser lange Satz dient nur zur Demonstration, 
 seine Funktion ist demgemäß sehr beschränkt!"

 // Richtig
 var Variable = "Dieser lange Satz dient nur zur Demonstration, seine Funktion ist demgemäß sehr beschränkt!"

 // Richtig
 var Variable = "Dieser lange Satz dient nur zur Demonstration, "
  Variable += "seine Funktion ist demgemäß sehr beschränkt!"

9. Schöne Schleifen 10. Arrays - Datenfelder 11. Alles Zufall?