Array-Objekt

Inhaltsverzeichnis

Allgemeines
Erstellen und Befüllen eines Arrays
Eigenschaften
Beispiele
Methoden
Verwendung der Methoden

Allgemeines

abstrakte Datenstruktur für Feldtypen und Felder
Objekt, das immer exakt definiert ist
Feld gleichartiger Elemente, wobei die Elemente aneinander gereiht sind
Eimer, in den Werte eingefüllt werden können
Um auf ein Array zuzugreifen (befüllen oder auslesen), braucht man einen Index.
- Der Index beginnt bei 0 (Element 1 hat den Index 0).
- Problem bei Zugriffen: Der Benutzer fängt bei 1 an zu zählen, nicht bei 0.
Bei der Erzeugung einer Variablen, wird ein Array erstellt, das nur einen einzigen Index enthält. Das Array muss nicht extra geschaffen werden.
Bei einem Objekt, das mehrere Indizes hat oder aufnehmen kann, muss ein Array erstellt werden.

Erstellen und Befüllen eines Arrays

Erstellen eines noch unbefülltes Array, das mehrere Elemente aufnehmen kann:
```
var variablenname=new Array();
```
Erstellen eines Arrays, das eine bestimmte Anzahl Elemente aufnehmen kann:
```
var variablenname=new Array(5);
```

Erstellen eines Arrays und gleichzeitiges Befüllen mit Elementen:

var variablenname=new Array(1,2,3,4,5);
var variablenname=new Array("A","B","C");

Beispiele für das Erstellen und gleichzeitige Befüllen eines Arrays:

Beispiel 1:

<script language="JavaScript">
<!--BEGIN des Programms
	var feld=new Array(1,2,3,4,5,6,7,8,9);
	var eingabe=parseInt(prompt("Bitte geben Sie eine Zahl von 1 bis 9 ein","1")-1);
	document.write("Der Wert in Feld "+eingabe+" lautet "+feld[eingabe]+'<br>');
//END des Programms-->
</script>

Beispiel 2:

<script language="JavaScript">
<!--BEGIN
	var feld=new Array(4);
	feld[0]=0xC;
	feld[1]="Test"
	feld[2]=18;
	feld[3]=true;
	for(var i=0;i<4;i++)
	{
		document.write(feld[i]+'<br>');
	}
	document.write(feld);
//END-->
</script>

Beispiel 3:

<script language="JavaScript">
<!--BEGIN
	var feld=new Array(0xC,"Test",18,true);
	for(var i=0;i<4;i++)
	{
		document.write(feld[i]+'<br>');
	}
	document.write(feld);
//END-->
</script>

Beispiel für das Erstellen eines Arrays, das über eine Zählschleife befüllt wird:

<script language="JavaScript">
<!--BEGIN des Programms
	var feld=new Array();
	for (var i=0;i<10;i++)
		feld[i]=i;
	var eingabe=parseInt(prompt("Bitte geben Sie eine Zahl von 1 bis 9 ein","1")-1);
	document.write("Der Wert in Feld "+eingabe+" lautet "+feld[eingabe]+'<br>');
//END des Programms-->
</script>

Befüllen eines bereits bestehenden Arrays mit dem Namen "feld":
```
feld[0]="A";
feld[1]="B";
feld[2]="C";
feld[3]="D";
feld[4]="E";
```
Das Element mit dem Index 0 bekommt den Wert A, das Element mit dem Index 1 bekommt den Wert B ...

Beispiel für den Zugriff auf ein Array:

<script language="JavaScript">
<!--BEGIN
	var a=new Array("A","B","C");
	var b=a[1];
	alert(b);
//END-->
</script>

Eigenschaften

length:

Ermittlung der Anzahl der Elemente eines Arrays
Index des letzten Elements = length - 1

Beispiel für die Ermittlung der Anzahl der Elemente eines Arrays:

<script language="JavaScript">
<!--BEGIN
	var feld=new Array("A","B","C","D","E","F","G","H");
	var anzahl=feld.length;
	document.write("Das Array besteht aus "+anzahl+" Elementen.");
//END-->
</script>

Beispiele

Beispiel 1:
Programm, das automatisch erzeugte Zahlen in eine Tabelle aufnimmt, beginnend bei 10, endend bei 100, wobei die Zahlen immer um 10 erhöht werden

<script language="JavaScript">
<!--BEGIN
	var a=new Array();
	document.write('<table border=1>');
	var z=0;
	for (var i=10;i<=100;i=i+10)
	{
		a[z]=i;
		var auf='<tr><td align="center">';
		var zu='</td></tr>';
		document.write(auf+a[z]+zu);
		z++;
	}
	document.write('<table>');
//END-->
</script>

Beispiel 2:
Programm, das automatisch erzeugte Zahlen in eine Tabelle aufnimmt, beginnend bei 10, endend bei 100, wobei die Zahlen immer um 10 erhöht werden, und zusätzlich die Länge des Arrays, also die Anzahl der Elemente, ausgegeben werden

<script language="JavaScript">
<!--BEGIN
	var a=new Array();
	document.write('<table border=1>');
	var z=0;
	for (var i=10;i<=100;i=i+10)
	{
		a[z]=i;
		document.write('<tr><td align="center">'+a[z]+'</td></tr>');
		z++;
	}
	document.write('<table>');
	document.write(a.length+' Elemente<br>');
//END-->
</script>

Beispiel 3:
Erstellung einer Web-Seite mit drei Textboxen. In der ersten erscheint ein String. Durch einen Button können die Buchstaben vorgeblättert werden, sodass in der zweiten Textbox die Indexnummer und in der dritten Textbox der entsprechende Buchstabe erscheint.

<html>
	<head>
		<title>
			
		</title>
		<script language="JavaScript">
		<!--BEGIN
			var i=0
			function string()
			{
				var stringeingabe=new Array("H","a","l","l","o","","W","e","l","t");
				return(stringeingabe);
			}
			function ausgabe()
			{
				var inhalt=string();
				document.formular.feld_string.value=inhalt;
			}
			function blaettern()
			{
				var weiter=string();
				if(i<10)
				{
					document.formular.feld_nummer.value=i;
					document.formular.feld_buchstabe.value=weiter[i];
					i++;
				}
				else
				{
					i=0;
				}
			}
		//END-->
		</script>
	</head>
	<body onLoad="ausgabe()";>
		<form name="formular" methode="post">
			<input type="text" maxlength=20 name="feld_string" size=20>
			<input type="button" name="feld_blaettern" value="Blättern" onClick="blaettern()">
			<input type="text" maxlength=5 name="feld_nummer" size=5>
			<input type="text" maxlength=5 name="feld_buchstabe" size=5 >
		</form>	
	</body>
</html>

Beispiel 4:
Erstellung einer Web-Seite mit drei Textboxen. In der ersten kann ein String eingegeben werden. Durch zwei Buttons können die Buchstaben vor- und zurückgeblättert werden, sodass in der zweiten Textbox die Indexnummer und in der dritten Textbox der entsprechende Buchstabe erscheint.

Lösung 1:

<html>
	<head>
		<title>
			
		</title>
		<script language="JavaScript">
		<!--BEGIN
			var i=0;
			vara="";
			function hochzaehlen()
			{
				if(i<(a.length-1))
					i++;
				else
					i=0;
				a=document.formular.inhalt.value;
				document.formular.stelle.value=i;
				document.formular.teil.value=a.substr(i,1);
			}
			function runterzaehlen()
			{
				if(i>0)
					i--;
				else
					if(a.length==0)
						i=0;
					else
						i=(a.length-1);
				a=document.formular.inhalt.value;
				document.formular.stelle.value=i;
				document.formular.teil.value=a.substr(i,1);
			}
			function setzen()
			{
				i=0;
				document.formular.stelle.value=i;
				a=document.formular.inhalt.value;
				document.formular.teil.value=a.substr(i,1);
			}
		//ENDE-->
		</script>
	</head>
	<body onLoad="setzen()">
		<form name="formular">
			<input type="text" name="inhalt" size=30 maxlength=3 onChange="setzen()";>
			<input type="text" name="stelle" size=3 maxlength=3 value="0">
			<input type="text" name="teil" size=3 maxlength=3 value="">
			<input type="button" name="vorwaerts" value="Vor" onClick="hochzaehlen()">
			<input type="button" name="rueckwaerts" value="Zurück" onClick="runterzaehlen()">
		</form>
	</body>
</html>

Lösung 2:

<html>
	<head>
		<title>
			
		</title>
		<script language="JavaScript">
		<!--BEGIN
			var laenge=0;
			var anz=0;
			var zahl=0;
			function strlang()
			{
				anz=document.ein.t1.value.length;
				if(anz>0)
					document.ein.t3.value=document.ein.t1.value.charAt(0);
			}
			function loesche()
			{
				document.ein.t1.value="";
				document.ein.t2.value="0";
				document.ein.t3.value="";
			}
			function gehe(zaehler)
			{
				zahl=parseInt(document.ein.t2.value)+zaehler;
				if ((zahl>0)&&(zahl<anz))
				{
					document.ein.t2.value=zahl;
					document.ein.t3.value=document.ein.t1.value.charAt(zahl);
				}
				else
				{
					if((zahl<0)&&(anz!=0))
					{
						document.ein.t2.value=anz-1;
						document.ein.t3.value=document.ein.t1.value.charAt(anz-1);
					}
					else
					{
						document.ein.t2.value="0";
						document.ein.t3.value=document.ein.t1.value.charAt(0);
					}
				}
			}
		//END-->
		</script>
	</head>
	<body>
		<form name="ein">
			Textfeld: <input type="text" maxlength=30 name="t1" size=30 value="" onBlur="strlang()">
			Index: <input type="text" maxlength=3 name="t2" size=3 value="0">
			Teilstring: <input type="text" maxlength=30 name="t3" size=3 value=""><br>
			<input type="button" name="vor" size=15 value="Vor" onClick="gehe(1)">
			<input type="button" name="zurueck" size=15 value="Zurück" onClick="gehe(-1)">
			<input type="button" name="loeschen" size=15 value="Löschen" onClick="loesche()">
		</form>
	</body>
</html>

Beispiel 5:
Aus dem String "HAMMER,SCHRAUBE" soll durch Drücken eines Buttons der Teil ausgelesen und ausgegeben werden, der vor dem Komma steht.

<html>
	<head>
		<title>
			
		</title>
		<script language="JavaScript">
		<!--BEGIN
			var inhalt="HAMMER, SCHRAUBE";
			var i=0;
			var ausgabe="";
			function aus()
			{
				while(inhalt.charAt(i)!=',')
				{
					ausgabe+=inhalt.charAt(i);
					i++;
				}
				document.write(ausgabe+'<br>');
			}
		//END-->
		</script>
	</head>
	<body>
		<form name="formular">
			<input type="button" name="schalter" value="Drücken" onClick="aus()">
		</form>
	</body>
</html>

Beispiel 6:
Aus dem String "HAMMER,SCHRAUBE" soll durch Drücken zweier Buttons der Teil ausgelesen und ausgegeben werden, der vor oder hinter dem Komma steht.

<html>
	<head>
		<title>
			
		</title>
		<script language="JavaScript">
		<!--BEGIN
			var inhalt="HAMMER,SCHRAUBE";
			var i=0;
			var kommaposition=0;
			var ausgabe="";
			function hammer()
			{
				while(inhalt.charAt(i)!=',')
				{
					ausgabe+=inhalt.charAt(i);
					i++;
				}
				document.write(ausgabe);
			}
			function schraube()
			{
				while(i<inhalt.length)
				{
					if(inhalt.charAt(i)==',')
					{
						kommaposition=i;
						break;
					}
					i++;
				}
				if (kommaposition)
				{
					i++;
					while(i<inhalt.length)
					{
						ausgabe+=inhalt.charAt(i);
						i++;
					}
					document.write(ausgabe);
				}
			}
		//END-->
		</script>
	</head>
	<body>
		<form name="formular">
			<input type="button" name="schalter1" value="Hammer" onClick="hammer()">
			<input type="button" name="schalter2" value="Schraube" onClick="schraube()">
		</form>
	</body>
</html>

Beispiel 7:
Aus dem String "HAMMER,SCHRAUBE" soll bei Eingabe der Zahl 1 "HAMMER" und bei Eingabe der Zahl 2 "SCHRAUBE" ausgegeben werden.

<html>
	<head>
		<title>
			
		</title>
		<script language="JavaScript">
		<!--BEGIN
			var i=0;
			var z=0;
			var ausgabe="";
			var inhalt="HAMMER,SCHRAUBE";
			function lese()
			{
				ausgabe+=inhalt.charAt(i);
				i++;
			}
			function aus()
			{
				if((document.ein.t1.value=="1")||(document.ein.t1.value=="2"))
				{
					z=parseInt(document.ein.t1.value);
					while(inhalt.charAt(i)!=',')
					{
						lese();
					}
					if(z==1)
					{
						document.write(ausgabe);
					}
					else
					{
						i++;
						ausgabe="";
						while(i<inhalt.length)
						{
							lese();
						}
						document.write(ausgabe);
					}
				}
				else
				{
					alert("Bitte geben Sie die Zahl 1 oder 2 ein.");
					document.ein.t1.value="1";
					window.ein.t1.focus();
				}
			}
		//END-->
		</script>
	</head>
	<body>
		<form name="ein">
			<input type="text" maxlength=1 name="t1" size=2 value="1">
			<input type="button" name="b1" value="Ausgabe" onClick="aus()">
		<form>
	</body>
</html>

Beispiel 8:
Der Benutzer soll eine Zahlenkombiantion eingeben, anhand derer in einem Lager eine bestimmte von fünf Hallen automatisch angefahren werden kann.

<script language="JavaScript">
<!--BEGIN
	var halle=new Array("Halle 1","Halle 2","Halle 3","Halle 4","Halle 5");
	var einh=parseInt(prompt("Bitte Nummer der Halle eingeben","1"));
	if((einh>0)&&(einh<6))
	{
		einh--;
		document.write("Ort: "+halle[einh]+'<br>');
	}
	else
	{
		alert("Fehler in der Eingabe");
	}
//END-->
</script>

Beispiel 9:
Der Benutzer soll eine Zahlenkombiantion eingeben, anhand derer in einem Lager eine bestimmte von fünf Hallen und eine bestimmte von fünf Lagerstrassen automatisch angefahren werden kann.

<script language="JavaScript">
<!--BEGIN
	var halle=new Array("Halle 1","Halle 2","Halle 3","Halle 4","Halle 5");
	var str=new Array("Strasse A","Strasse B","Strasse C","Strasse D");
	var einh=prompt("Bitte Codezahl eingeben","12");
	var num=0;
	function pruef(stelle)
	{
		switch(stelle)
		{
			case 0:
			{
				if(bereich())
					document.write("Halle: "+halle[--num]+'<br>');
					break;
			}
			case 1:
			{
				if(bereich())
					document.write("Strasse: "+str[--num]+'<br>');
					break;
			}
		}
	}
	function bereich()
	{
		if((num<1)||(num>5))
		{
			alert("Fehler");
			return(false);
		}
		else
		{
			return(true);
		}
	}
	if(einh.length==2)
	{
		for(var i=0;i<einh.length;i++)
		{
			num=einh.charAt(i);
			num=parseInt(num);
			pruef(i);
		}
	}
	else
	{
	alert("Fehler in der Eigabe")
	}
//ENDE-->
</script>

Beispiel 10:
Der Benutzer soll eine Zahlenkombiantion eingeben, anhand derer in einem Lager eine bestimmte von fünf Hallen, eine bestimmte von fünf Lagerstrassen, eins von fünf Regalen, eins von fünf Fächern und eine von fünf Kisten automatisch angefahren werden kann.

<script language="JavaScript">
<!--BEGIN
	var halle=new Array("Halle 1","Halle 2","Halle 3","Halle 4","Halle 5");
	var str=new Array("Strasse A","Strasse B","Strasse C","Strasse D");
	var reg=new Array("A1","A2","A3","A4","A5");
	var fach=new Array("F1","F2","F3","F4","F5");
	var kiste=new Array("K1","K2","K3","K4","K5");
	var einh=prompt("Bitte Codezahl eingeben","12345");
	var num=0;
	function pruef(stelle)
	{
		switch(stelle)
		{
			case 0:
			{
				if(bereich())
					document.write("Halle: "+halle[--num]+'<br>');
					break;
			}
			case 1:
			{
				if(bereich())
					document.write("Strasse: "+str[--num]+'<br>');
					break;
			}
			case 2:
			{
				if(bereich())
					document.write("Regal: "+reg[--num]+'<br>');
					break;
			}
			case 3:
			{
				if(bereich())
					document.write("Fach: "+fach[--num]+'<br>');
					break;
			}
			case 4:
			{
				if(bereich())
					document.write("Kiste: "+kiste[--num]+'<br>');
					break;
			}
		}
	}
	function bereich()
	{
		if((num<1)||(num>5))
		{
			alert("Fehler");
			return(false);
		}
		else
		{
			return(true);
		}
	}
	if(einh.length==5)
	{
		for(var i=0;i<einh.length;i++)
		{
			num=einh.charAt(i);
			num=parseInt(num);
			pruef(i);
		}
	}
	else
	{
		alert("Fehler in der Eigabe")
	}
//END-->
</script>
	</head>
	<body>
		
	</body>
</html>

Beispiel 11:
Der Benutzer soll eine Zahlenkombiantion eingeben, anhand derer in einem Lager eine bestimmte von fünf Hallen, eine bestimmte von fünf Lagerstrassen, eins von fünf Regalen, eins von fünf Fächern und eine von fünf Kisten automatisch angefahren werden kann. Dabei wird überprüft, ob die eingegebene Zahlenkombination aus Zahlen besteht, die tatsächlich existieren.

<script language="JavaScript">
<!--BEGIN
	var halle=new Array("Halle 1","Halle 2","Halle 3","Halle 4","Halle 5");
	var str=new Array("Strasse A","Strasse B","Strasse C","Strasse D");
	var reg=new Array("A1","A2","A3","A4","A5");
	var fach=new Array("F1","F2","F3","F4","F5");
	var kiste=new Array("K1","K2","K3","K4","K5");
	var einh=prompt("Bitte Codezahl eingeben","12345");
	var num=0;
	function pruef(stelle)
	{
		switch(stelle)
		{
			case 0:
			{
				if(bereich(halle.length))
					document.write("Halle: "+halle[--num]+'<br>');
					break;
			}
			case 1:
			{
				if(bereich(str.length))
					document.write("Strasse: "+str[--num]+'<br>');
					break;
			}
			case 2:
			{
				if(bereich(reg.length))
					document.write("Regal: "+reg[--num]+'<br>');
					break;
			}
			case 3:
			{
				if(bereich(fach.length))
					document.write("Fach: "+fach[--num]+'<br>');
					break;
			}
			case 4:
			{
				if(bereich(kiste.length))
					document.write("Kiste: "+kiste[--num]+'<br>');
					break;
			}
		}
	}
	function bereich(max)
	{
		if((num<1)||(num>max))
		{
			alert("falsche Werte eingegeben");
			return(false);
		}
		else
		{
			return(true);
		}
	}
	if(einh.length==5)
	{
		for(var i=0;i<einh.length;i++)
		{
			num=einh.charAt(i);
			num=parseInt(num);
			pruef(i);
		}
	}
	else
	{
		alert("Anzahl der Einträge grösser oder kleiner 5")
	}
//END-->
</script>

Beispiel 12:
Programm, das dem User ermöglicht, durch die Eingabe einer Grad-Celsius-Zahl den entsprechenden Fahrenheit-Wert zu ermitteln

<html>
	<head>
		<title>
			
		</title>
		<style>
			body{background-color:#D0D0D0;color:#000000;}
			table{background-color:#D0D0D0;}
			caption{color:#800000;size:15pt;font-weight:600;}
			th.t1{background-color:#FFD0D0;text-align:center;width:100pt;}
			th.t2{background-color:#D0D0FF;text-align:center;width:100pt;}
			td.t3{background-color:#D0FFD0;text-align:center;color:#FF0000;}
		</style>
		<script language="JavaScript">
		<!--BEGIN
			var grad=new Array();
			var fahrenheit=new Array();
			var z=0;
			var i1=prompt("Bitte geben Sie den Anfangswert in °Celsius\nfür die Tabelle ein.","-20");
			if((isNaN(i1))||(i1=="")||(i1==null))
			{
				alert("Fehler in der ersten Werteingabe");
			}
			else
			{
				var i2=prompt("Bitte geben Sie den Endwert ein.","40");
				if((isNaN(i2))||(i2=="")||(i2==null))
				{
					alert("Fehler in der zweiten Werteingabe");
				}
				else
				{
					i1=parseInt(i1);
					i2=parseInt(i2);
					for(var i=i1;i<=i2;i+=5)
					{
						grad[z]=i;
						fahrenheit[z]=i*9/5+32;
						z++;
					}
					document.writeln("<table><caption>Berechnete Werte:</caption>");
					document.write("<tr><th class=t1>Grad</th><th class=t2>Fahrenheit</th></tr>");
					z=fahrenheit.length;
					for(i=0;i<z;i++)
					{
						document.write("<tr><td class=t3>"+grad[i]+"</td><td class=t3>"+fahrenheit[i]+"</td></tr>");
					}
				}
			}
		//END-->
		</script>
	</head>
	<body>
		
	</body>
</html>

Beispiel 13:
Programm, das einen Farbverlauf als Dokumenthintergrund darstellt

<html>
	<head>
		<title>
			
		</title>
		<style>
		<!--BEGIN
			body{background-color:#000000;margin:0px;}
			table{height:100%;width:100%;margin:0px;}
			th{font-size:1px;font-weight:100;margin:0px;}
		//END-->
		</style>
	</head>
	<body>
		<script language="JavaScript">
		<!--BEGIN
			var z=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
			var a=0;
			var b=0;
			document.write("<table cellspacing=0 cellpadding=0><tr>");
			for(a=0;a<16;a++)
			{
				for(b=0;b<16;b++)
				{
					document.write("<th bgcolor=#"+z[a]+z[b]+"0000> </th>");
				}
			 }
			document.write("</tr></table>");
		//END-->
		</script>
	</body>
</html>

Beispiel 14:
Programm, das alle hexadezimalen Zahlen von 00 bis 255 darstellt

<html>
	<head>
		<title>
			
		</title>
		<script language="JavaScript">
		<!--BEGIN
			var hex=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
			for(var a=0;a<16;a++)
				for(var b=0;b<16;b++)
					document.write(hex[a]+hex[b]+'<br>');
		//END-->
		</script>
	</head>
	<body>
		
	</body>
</html>

Methoden

concat()

hängt einen Array an einen anderen an
erwartet als Parameter den Namen des anzuhängenden Arrays
gibt den zusammengefügten Array als Array zurück
Man kann auch mehrere Arrays als Parameter an die Methode übergeben.

Beispiel:

<script language="JavaScript">
<!--BEGIN
	var a=new Array(1,2,3,4,5);
	var b=new Array(6,7,8,9);
	b=b.concat(a);
	alert(b);
//END-->
</script>

sort()

sortiert die Elemente eines Arrays
Wenn Sie keinen Parameter übergeben, wird lexikalisch sortiert, numerische Werte werden also intern in Zeichenketten verwandelt und wie Zeichenketten sortiert. Dabei kommt beispielsweise die Zahl 13 vor der Zahl 7, weil "13" als Zeichenkette lexikalisch vor "7" kommt.
Wenn man numerische Werte sortieren will, kann man eine Vergleichsfunktion definieren und deren Namen als Parameter übergeben.
arbeitet rekursiv (ruft sich immer wieder neu auf)

Beispiele:

Beispiel für eine aufsteigende Sortierung:

<script language="JavaScript">
<!--BEGIN
	var a=new Array(1,2,3,4,5);
	var b=new Array(6,7,8,9);
	var c=new Array();
	b=b.concat(a);
	alert(b);
	c=b.sort();
	alert(c);
//END-->
</script>

Beispiel für eine absteigende Sortierung:

<script language="JavaScript">
<!--BEGIN
	function aufsteigend(x,y)
	{
		return(y-x);
	}
	var a=new Array(1,2,3,4,5);
	var b=new Array(6,7,8,9);
	var c=new Array();
	b=b.concat(a);
	alert(b);
	c=b.sort(aufsteigend);
	alert(c);
//END-->
</script>

Beispiel für eine alphabetische Sortierung:

<script language="JavaScript">
<!--BEGIN
	function (x,y)
	{
		return(x-y);
	}
	var a=new Array("a","g","j","e","f");
	var b=new Array("d","b","i","h","c");
	var c=new Array();
	b=b.concat(a);
	c=b.sort();
	alert(c);
//END-->
</script>

reverse()

kehrt die Elementreihenfolge innerhalb eines Arrays um
Das erste Element ist hinterher das letzte, das letzte das erste.

Beispiel:

<script language="JavaScript">
<!--BEGIN
	var a=new Array(1,2,3,4,5);
	var b=new Array(a.reverse());
	alert(b)
//END-->
</script>

join()

verwandelt einen Array in eine Zeichenkette
erwartet als Parameter ein oder mehrere Trennzeichen, durch das/die die Array-Einträge in der Zeichenkette voneinander getrennt sein sollen
arbeitet mit Separator:
- &: ermöglicht die Suche in Datenbanken, Mail
- ;: ermöglicht es, Quellcode abzuspeichern und dynamisch zu generieren

Beispiel:

<script language="JavaScript">
<!--BEGIN
	var a=new Array(1,2,3,4,5);
	var b=a.join("&");
	alert(b)
//END-->
</script>

toString()

Konvertierung des Array in einen String

nicht-Browser-übergreifende Methoden

pop()

entfernt das letzte Elemant aus dem Array und gibt es zurück

Beispiel:

<script language="JavaScript">
<!--BEGIN
	var a=new Array(1,2,3,4,5);
	var b=a.pop();
	alert(b)
//END-->
</script>

push()

hängt Elemente an das Array an

Beispiel:

<script language="JavaScript">
<!--BEGIN
	var a=new Array(1,2,3,4,5);
	var b=a.push(6);
	alert(b)
//END-->
</script>

shift()

verschiebt die Array-Elemente nach vorne

Beispiel:

<script language="JavaScript">
<!--BEGIN
	var a=new Array(1,2,3,4,5);
	var b=a.shift();
	alert(b)
//END-->
</script>

splice(): Löschen, Ersetzen und Einfügen von Array-Elementen
unshift(): fügt Elemente am Anfang des Arrays ein

Verwendung der Methoden:

Beispiel:
Programm, das auf drei Textboxen zugreift, aus den Eingaben einen kompletten String erzeugt, dessen teilstrings mit "&" verknüpft sind. Am Ende wird innerhalb einer alert-Box das jeweils erste Zeichen jedes Teilstrings als Grossbuchstabe dargestellt

<html>
	<head>
		<title>
			
		</title>
		<script language="JavaScript">
		<!--BEGIN
			function ausgabe()
			{
				var string=new Array(3)
				string[0]=document.formular.t1.value;
				string[1]=document.formular.t2.value;
				string[2]=document.formular.t3.value;
				var a=string.join("&");
				var b=a.toUpperCase();
				var c=b.split("&");
				alert(c[0].charAt(0)+", "+c[1].charAt(0)+", "+c[2].charAt(0));
			}
		//END-->
		</script>
	</head>
	<body>
		<form name=formular>
			<input type="text" name="t1" size=20 maxlength=15 value="">
			<input type="text" name="t2" size=20 maxlength=15 value="">
			<input type="text" name="t3" size=20 maxlength=15 value="">
			<input type="button" name="b1" value="Ausgabe" onClick="ausgabe()">
		</form>
	</body>
</html>

zurück zum Seitenanfang
zurück zum Index