Arrays 2
- Home
- Tutorials
- HTML/Web
- Javascript Tutorial
- Arrays 2
Die folgende Methode verwenden wir, wenn wir zwar wissen, wie viele Elemente sich in dem Array befinden werden, jedoch beim Anlegen des Arrays noch nicht genau wissen welchen Inhalt dies Positionen haben.
Array mit definierter Anzahl Elemente in JavaScript
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript">
var mitbewohner = new Array(4);
/*
mehr Code
*/
mitbewohner[0] = "Eminem";
mitbewohner[1] = "Son Goku";
mitbewohner[2] = "Superman";
mitbewohner[3] = "Naruto";
document.write(mitbewohner[1]);
</script>
</body>
</html>
Hierbei haben wir einen Array mit 4 Mitbewohnern. Die vier kämen sicher super mit einander aus ;)
Alternativ können wir auch einen Array erstellen, bei dem wir nicht wissen wie viele Elemente der Array haben wird und wir wissen auch nicht welchen Inhalt die Positionen haben werden.
Array ohne definierter Anzahl Elemente in JavaScript
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript">
var produkte = new Array();
/*
mehr Code
*/
produkte[0] = "Galaxy S1";
/*
mehr Code
*/
produkte[1] = "Galaxy S2";
produkte[2] = "Galaxy S3";
/*
mehr Code
*/
produkte[3] = "Galaxy S4";
document.write(produkte[1]);
</script>
</body>
</html>
Dies ist besonders nützlich, wenn man weiß, dass man eine Liste von Gegenständen hat die sich im Verlauf des Codes verändern wird, man jedoch nicht genau weiß wie viele Elemente sie haben wird, da dies z.B. vom Verhalten des Nutzers abhängt. Ihr seht also, Arrays in Javascript, sind super nützlich und leicht zu erstellen :)
Javascript Tutorial
-
Einführung
-
Lektion1.1
-
Lektion1.2
-
Lektion1.3
-
Lektion1.4
-
-
Funktionen
-
Lektion2.1
-
Lektion2.2
-
Lektion2.3
-
Lektion2.4
-
Lektion2.5
-
Lektion2.6
-
-
Operatoren und Schleifen
-
Lektion3.1
-
Lektion3.2
-
Lektion3.3
-
Lektion3.4
-
Lektion3.5
-
Lektion3.6
-
-
If-Statements und Switch-Case
-
Lektion4.1
-
Lektion4.2
-
Lektion4.3
-
Lektion4.4
-
-
Objekte
-
Lektion5.1
-
Lektion5.2
-
Lektion5.3
-
Lektion5.4
-
Lektion5.5
-
Lektion5.6
-
-
Arrays
-
Lektion6.1
-
Lektion6.2
-
Lektion6.3
-
Lektion6.4
-
Lektion6.5
-
Lektion6.6
-